微信小程序获取用户信息

作者: honey缘木鱼 | 来源:发表于2018-03-10 16:33 被阅读114次

    微信小程序获取用户手机号码(类似膜拜手机号授权),自己写的程序也用到了,查看微信小程序文档,原来微信提供了方法,
    <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"> </button>
    直接就可以 调取微信的授权方法如下图:


    授权图片

    具体方法如下

    流程图.png
    1.客户端调用wx.login,返回数据包含了js_code,用于获取openid(用户唯一标识)和sessionkey(会话密钥)。
    2.拿到js_code后,将其发送给服务端,服务端拿它与微信服务端做交互获取openid和sessionkey。(也可以自己直接调用微信的接口,openid和sessionkey)
    (1)自己拿拿数据的方法
    需要的参数为(appid,secret,js_code)
    wx.request({
    url: 'https://api.weixin.qq.com/sns/jscode2session?appid=' + appId + '&secret=' + secret + '&js_code=' + code + '&grant_type=authorization_code',
    data: {},
    header: {
    'content-type': 'json'
    },
    success: function (res) {
    var openid = res.data.openid //返回openid
    var session_key = res.data.session_key//返回session_key
    }
    })
    (2). 服务器拿数据的方法
    服务器拿数据的方法,更是简单:直接用js_code调用服务器的方法,服务器直接返回openid和sessionkey。(推荐用第二种方法,因为appid,secret保存到后台比较安全)

    3.当用户点击了绑定用户手机号码<button>,微信调用方法:
    Page({
    getPhoneNumber: function(e) {
    console.log(e.detail.errMsg)
    console.log(e.detail.iv)
    console.log(e.detail.encryptedData) //加密的用户信息
    }
    })
    具体可以看一下文档https://mp.weixin.qq.com/debug/wxadoc/dev/api/getPhoneNumber.html,(拿session_key和encryptedData、vi解密手机号)
    解密:微信提供了几种方法,让自己的服务器解密,最终拿到的格式为:

    屏幕快照 2018-03-10 下午4.32.37.png

    相关文章

      网友评论

        本文标题:微信小程序获取用户信息

        本文链接:https://www.haomeiwen.com/subject/chqbfftx.html