当前位置:   article > 正文

uniapp获取用户信息_uniapp获取微信用户信息

uniapp获取微信用户信息

可以根据返回值传给后台用于登录,相当于账号密码

  1. <template>
  2. <view>
  3. <button type="primary" @click="login">微信登录</button>
  4. </view>
  5. </template>
  6. <script setup lang="ts">
  7. const login = async () => {
  8. const res = await uni.getUserProfile({
  9. desc: '获取您的用户信息用于登录'
  10. })
  11. console.log('获取用户加密的信息', res);
  12. }
  13. </script>

  • 获取code

  1. async onLoad () {
  2. // 1. 获取微信用户登录凭证
  3. try {
  4. const codeData = await uni.login()
  5. // 把成功获取的用户登录凭证存到this上
  6. this.code = codeData.code
  7. } catch (error) {
  8. console.log(error)
  9. }
  10. },

 

 

  • 传入用户信息和code登录

  1. // 调用接口登录·
  2. async login (user) {
  3. // 登录所需参数
  4. const { encryptedData, iv, rawData, signature } = user
  5. // 微信用户登录凭证=code
  6. // const codeData = await uni.login()
  7. let { msg, data } = await this.request({
  8. url: "/api/public/v1/users/wxlogin",
  9. method: "post",
  10. data: {
  11. encryptedData,
  12. iv,
  13. rawData,
  14. signature,
  15. code: this.code
  16. }
  17. })
  18. // 存储token,返回上次访问页面
  19. uni.setStorageSync("token", data.token)
  20. uni.navigateBack()
  21. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/空白诗007/article/detail/740322
推荐阅读