小程序获取用户信息（昵称 .头像.电话号码）

获取用户信息（头像和昵称）

• 获取用户信息。页面产生点击事件（例如 button 上 bindtap 的回调中）后才可调用，注意 按钮不一定非得用小程序 button open-type 去获取 点击事件 直接调用 wx.getUserProfile 每次请求都会弹出授权窗口，用户同意后返回 userInfo。 没有授权不能直接调用 wx.getUserProfile(Object object)

• 如果已经授权 直接调用 API 获取 wx.getUserProfile(Object object)

方法一、 每次重新调用
注意：调用API 之前一定要检测 用户是否授权 wx.getSetting()

• 代码
  
  方法二 、在用户第一次登陆 授权缓存用户信息 下次直接从缓存拿

  // wxl
  <view>
    <view>
        <block wx:if="{{isShowUser}}">
            <van-button type="primary" bindclick="userInfo">登录</van-button>
        </block>

        <block wx:else>
            <image class="userpic" src="{{userInfo.avatarUrl}}"></image>
            <text>{{userInfo.nickName}}</text>
        </block>
    </view>


</view>

// js
 data: {
    userInfo: '',
    isShowUser: true
  },
  userInfo() {

    wx.getUserProfile({
      desc: '用于登录'
    }).then((e) => {
      let {
        userInfo
      } = e
      this.setData({
        userInfo,
        isShowUser: false
      })

      wx: wx.setStorageSync("userInfo", JSON.stringify(userInfo))

      console.log(e);
    }).catch((err) => {
      console.log(err);
    })


  },

  onLoad() {
    let temp;
    try {
      let res = JSON.parse(wx.getStorageSync('userInfo'))
      this.setData({
        userInfo: res,
      })
      temp = false

    } catch (err) {
      temp = true
    }

    this.setData({
      isShowUser: temp

    })

  }

获取用户的电话号码

• 场景描述

一键登录 获取手机号码 弹出用户信息授权弹窗 确认 授权 解密电话号码

• button 注意 如果是uniapp bindgetphonenumber 改为 @getphonenumber

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>

getPhoneNumber (e) {
    console.log(e.detail.errMsg)
    console.log(e.detail.iv)
    console.log(e.detail.encryptedData)
wx.login(e){

	// 拿到code  iv encryptedData  调用 后台接口  去解密 电话号码

	}
  }