uniapp-获取用户登陆信息

 获取用户信息

1.绑定按钮事件

 <button type="primary" class="btn-login" @click="getUserProfile">一键登录</button>

 2.登陆事件

  // 获取个人信息
      async getUserProfile(e) {
        const [err, succ] = await uni.getUserProfile({
          desc: '用于获取个人资料', // 这里的desc在微信开发文档中要求必须填写的
        })
 // 取消授权提示
        if (err) {
          uni.showToast({
            icon: 'error',
            title: '取消授权'
          })
          return
        }
 // 解构数据体
        const { encryptedData,rawData,iv,signature} = succ
        // 获取登陆code
        const [err1, code] = await uni.login(succ.userInfo)
  // 构建API 参数体
        const data = {code:code.code,encryptedData,iv,}
  // 发送API登陆
        this.getlogin(data)
      },
  // 请求登陆API 获取token
      async getlogin(data) {
        const loginres = await loginApi()
        console.log(loginres);
      }

获取用户头像

  <button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
      <!-- <image class="avatar" :src="{{avatarUrl}}"></image> -->666
    </button>

 data() {
      return {
        avatarUrl: 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0',

      };
    },
  methods: {
      // 头像选择
      onChooseAvatar(e) {
        console.log(e);
      }
}

 获取用户昵称

绑定nickname属性

  <input type="nickname" class="weui-input" placeholder="请输入昵称" />