小程序开发公司分析如何开发获取用户基本信息

2018/5/1 19:54:05
摘要: 微信小程序平台运营时,要获取获取用户的基本信息,是需要用户授权的,而这种授权获取的开发,需要调用wx.login接口、login接口等

微信小程序平台运营时,要获取获取用户的基本信息,是需要用户授权的,而这种授权获取的开发,需要调用wx.login接口、login接口等。本文针对小程序用户基本信息获取的问题,说一下一些要注意的内容,并提供一些示例代码供大家参考。

1、用户授权与用户信息获取

(1)获取用户信息

 当 withCredentials 为 true 时,要求调用wx.login接口,或者此前已经调用过且登录态尚未过期,此时返回的数据会包含 encryptedData, iv 等敏感信息;当 withCredentials 为 false 时,不要求有登录态,返回的数据不包含 encryptedData, iv 等敏感信息。

(2)用户授权,scope.userInfo。

wx.getUserInfo({

  withCredentials//是否带上登录态信息

  lang//指定返回用户信息的语言,zh_CN 简体中文,zh_TW 繁体中文,en 英文。默认为en。

  success: function(res) {//接口调用成功的回调函数

    var userInfo = res.userInfo//用户信息对象,不包含 openid 等敏感信息

    var userInfo = res.userInfo

    var nickName = userInfo.nickName

    var avatarUrl = userInfo.avatarUrl

    var gender = userInfo.gender //性别 0:未知、1:男、2:女

    var province = userInfo.province

    var city = userInfo.city

    var country = userInfo.country

    res.rawData//不包括敏感信息的原始数据字符串,用于计算签名

    res.signature//使用 sha1( rawData + sessionkey ) 得到字符串,用于校验用户信息

    res.encryptedData//包括敏感数据在内的完整用户信息的加密数据,详细见加密数据解密算法

    res.iv//加密算法的初始向量,详细见加密数据解密算法

  },

  fail/complete: function(){//接口调用失败/结束的回调函数

  }

})

 

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

{

    "openId": "OPENID",

    "nickName": "NICKNAME",

    "gender": GENDER,

    "city": "CITY",

    "province": "PROVINCE",

    "country": "COUNTRY",

    "avatarUrl": "AVATARURL",

    "unionId": "UNIONID",

    "watermark":

    {

        "appid":"APPID",

    "timestamp":TIMESTAMP

    }

}

  2、getPhoneNumber(OBJECT)

 (1)说明

getPhoneNumber(OBJECT)即获取微信用户绑定的手机号,需先调用login接口。这是因为在获取微信用户绑定的手机号时,是需要用户主动去触发才能发起获取接口,所以这个用户信息获取的功能不能由API接口来调用,需要用点击组件来触发。

 (2)使用方法

获取用户绑定的手机号时,需要将组件open-type的值设置为 getPhoneNumber,当用户点击并同意之后,可以通过 bindgetphonenumber 事件回调获取到微信服务器返回的加密数据,然后在第三方服务端结合 session_key 以及 app_id,通过解密而获取手机号。

3、注意点

在回调中调用wx.login登录,可能会刷新登录态。此时服务器使用code换取的sessionKey并不是加密时使用的sessionKey,所以会导致解密失败。在这里我们建议开发者可以提前进行login,或者在回调前先使用checkSession进行登录态检查,以免login刷新登录态而导致解密失败。示例代码如下:

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

Page({

    getPhoneNumber: function(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

    }

}

声明:文章"小程序开发公司分析如何开发获取用户基本信息"为互诚科技—微信小程序开发公司的原创文章,转载请注明出处,谢谢合作!
标签:小程序干货
电话咨询:18011971195(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 就目前情况看,企业开发微信小程序还是APP?

    一晃半年过去,微信小程序已经上线这么长时间的,在这半年里,其经历过沉沉浮浮、起起落落,从差点被市场放弃而后又重获新生,各类企业商家对小程序的开发态度仍旧是比较模糊的概念,特别是现在,有别于小程序之前的低迷状态,正是由于它的发展,所以才令更多的人

  • 闪开发票+自助打印小程序解决方案加快报销进程

    前一阵子微信官方开放的闪开发票的功能,一经推出就受到广大用户的支持与使用,不过这个功能也只是支持在开发的时候,可以直接将自己之前在“微信发票助手”中的开票信息传输给开票工作人员而已,并不是整个开票流程都是全自助化

  • 微信小程序开发技术教程之Mustache语法要点总结

    开发人员在做小程序开发的时候,会在wxml里,用到Mustache语法。而Mustache其实就是一个logic-less(轻逻辑)模板解析引擎

  • 微信小程序与公众号的区别是什么?

    微信事业群在微信开发的过程中,孵化出微信小程序与微信公众号这两个方向,然后目前微信小程序开发

  • 微信小程序开发技术教程:视图容器组件详解(三)

    接上次视图容器组建详解(一)与(二),我们今天把最后两个组件样式

  • 如何培养起用户使用微信小程序的习惯

    用户对微信小程序的使用惯性的强弱,是小程序能否长远发展的重要因素。所以,在运营的过程中,对用户使用习惯的培养也非常重要