评论

微信小程序获取手机号实例(php后端)

微信小程序获取手机号实例(php后端)

官方说明源文档:

https://developers.weixin.qq.com/miniprogram/dev/api/getPhoneNumber.html

 

1.我们先处理js部分,先调用login接口

onLoad: function () {

var that = this;

wx.login({

success: function (loginCode) {

wx.request({

url: ‘https://********/login.php’,

data: {

code: loginCode.code,

type: ‘openid’

},

header: {

‘content-type’: ‘application/x-www-form-urlencoded’

},

method: ‘POST’,

success: function (res) {

that.setData({

openid: res.data.openid,

})

wx.setStorageSync(‘openid’, res.data.openid);

}

})

}

})

var openid2 = wx.getStorageSync(‘openid’);

},

complete: function () {

setTimeout(function () {

wx.hideLoading()

}, 1000)

wx.hideNavigationBarLoading()

}

})

}

2.获取电话接口

getPhoneNumber: function (e) {

console.log(e.detail.errMsg)

console.log(e.detail.iv)

console.log(e.detail.encryptedData)

wx.request({

url: “https://*******tel.php”,

data: {

iv: e.detail.iv,

encryptedData: e.detail.encryptedData,

session_key: wx.getStorageSync(‘session_key’)

},

header: {

‘content-type’: ‘application/x-www-form-urlencoded’

},

method: ‘POST’,

success: function (res) {

console.log(res);

},

fail: function () {

// fail

},

complete: function (openid) {

// complete

}

});

},

3.在wxml里面调用

<button open-type=”getPhoneNumber” bindgetphonenumber=”getPhoneNumber”> 获取手机号</button>

4.后端代码:

是压缩包,可以留言索取。


最后一次编辑于  2019-12-13  
点赞 1
收藏
评论

5 个评论

  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2019-12-02

    session_key不应该返回。通过checkSession判断session_key是否失效。如果没失效传

    iv和encryptedData即可找后端换取解密后的信息,如果失效 重新wx.login一次,使用code去换取解密后的信息。


    2019-12-02
    赞同 1
    回复 1
    • 三去云
      三去云
      2019-12-14
      是的,之前我们调试使用,忘记删除了。已处理了。
      2019-12-14
      回复
  • 肖念之
    肖念之
    04-14

    04-14
    赞同
    回复
  • 肖念之
    肖念之
    04-14

    zen me na hou duan dai ma

    04-14
    赞同
    回复
  • an-du
    an-du
    02-22

    老厉害了!需要后端代码是留个什么联系方式呢?

    02-22
    赞同
    回复
  • 惠雨
    惠雨
    2019-12-11

    厉害了,把session_key送到前端

    2019-12-11
    赞同
    回复 1
    • 三去云
      三去云
      2019-12-14
      是的,之前我们调试使用,忘记删除了。已处理了。
      2019-12-14
      回复
登录 后发表内容