小程序登录、获取用户信息、手机号

小程序登录(非腾讯云服务)

登录流程时序

小程序登录、获取用户信息、手机号_第1张图片
图片.png

说明:
1、小程序调用 wx.login() 获取 临时登录凭证code ,并回传到开发者服务器。

2、服务器调用 code2Session 接口,换取 用户唯一标识 OpenID会话密钥 session_key 以及UnionID

注意:

1、临时登录凭证 code (有效期五分钟)只能使用一次

获取用户信息

API更新: 授权请求 wx.authorize({scope: "scope.userInfo"}),不会弹出授权窗口,需要使用

  bindGetUserInfo(res) {
    console.log(res.detail.userInfo)
  }
  • 已经过授权后,可调用 wx.getUserInfo(Object object)
 // 查看是否授权
    wx.getSetting({
      success(res) {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权,可以直接调用 getUserInfo 获取头像昵称
              wx.getUserInfo({
                success(res) {
                  const userInfo = res.userInfo
                  const nickName = userInfo.nickName
                  const avatarUrl = userInfo.avatarUrl
                  const gender = userInfo.gender // 性别 0:未知、1:男、2:女
                  const province = userInfo.province
                  const city = userInfo.city
                  const country = userInfo.country
                }
              })
        }
      }
    })
  • 兼容以前版本,可调用 wx.getUserInfo(Object object)获取用户信息
if (wx.canIUse('button.open-type.getUserInfo')){
// 在没有 open-type=getUserInfo 版本的兼容处理
      wx.getUserInfo({
        success: res => {
          app.globalData.userInfo = res.userInfo
          console.log(res.userInfo)
        }
      })
}

获取用户手机号

获取微信用户绑定的手机号,需先调用wx.login接口。

因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 组件的点击来触发。

注意:目前该接口针对非个人开发者,且完成了认证的小程序开放(不包含海外主体)。需谨慎使用,若用户举报较多或被发现在不必要场景下使用,微信有权永久回收该小程序的该接口权限。

使用方法

需要将 Page({ getPhoneNumber(e) { console.log(e.detail.errMsg) console.log(e.detail.iv) console.log(e.detail.encryptedData) } })

encryptedData 解密后为以下 JSON 结构,详见加密数据解密算法

{
  "phoneNumber": "13580006666",     用户绑定的手机号(国外手机号会有区号)
  "purePhoneNumber": "13580006666",    没有区号的手机号
  "countryCode": "86",   区号
  "watermark": {
    "appid": "APPID",
    "timestamp": TIMESTAMP
  }
}

你可能感兴趣的:(小程序登录、获取用户信息、手机号)