微信小程序開發(fā)之獲取用戶手機(jī)號(hào)碼(php接口解密)
后邊要做一個(gè)微信小程序，并要能獲取用戶微信綁定的手機(jī)號(hào)碼。而小程序開發(fā)文檔上邊提供的獲取手機(jī)號(hào)碼的接口（getPhoneNumber()）返回的是密文，需要服務(wù)器端進(jìn)行解密，但是官方提供的開發(fā)文檔一如既往的亂，如果沒有對(duì)小程序開發(fā)文檔有一個(gè)整體的了解，搞懂解密流程還是有點(diǎn)難的。這里把小程序從請(qǐng)求用戶授權(quán)獲取手機(jī)號(hào)碼直至獲取到手機(jī)號(hào)碼明文的整個(gè)流程串了起來(lái)，方便迅速了解,如下：
一. 前端相關(guān)操作：
1. 請(qǐng)求用戶授權(quán)獲取手機(jī)號(hào)碼:
因?yàn)樾枰脩糁鲃?dòng)觸發(fā)才能發(fā)起獲取手機(jī)號(hào)接口，所以該功能不由 API 來(lái)調(diào)用，需用<button>組件的點(diǎn)擊來(lái)觸發(fā)，如下：
wxml:
<button wx:if="{{!phone}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"> 獲取手機(jī)號(hào)碼</button>
js:
Page({
getPhoneNumber: function(e) {
if(e.detail.errMsg == "getPhoneNumber:fail user deny") return; //用戶允許授權(quán)
console.log("lv", e.detail.iv); //包括敏感數(shù)據(jù)在內(nèi)的完整用戶信息的加密數(shù)據(jù),需要解密
console.log(e.detail.encryptedData); //加密算法的初始向量，解密需要用到
......
}
})
2. 訪問(wèn)小程序登錄接口:
小程序調(diào)用wx.login()獲取臨時(shí)登錄憑證code,并傳到開發(fā)者服務(wù)器。
Page({
getPhoneNumber: function(e) {
console.log(e.detail.errMsg)
console.log(e.detail.iv) //包括敏感數(shù)據(jù)在內(nèi)的完整用戶信息的加密數(shù)據(jù),需要解密
console.log(e.detail.encryptedData) //加密算法的初始向量，解密需要用到
wx.login({
success: res => {
if(res.code){
console.log(res.code)
}
}
})
}
})
3. 訪問(wèn)騰訊服務(wù)器的登錄憑證校驗(yàn)接口:
注：官方推薦放到服務(wù)器端進(jìn)行，這里為了方便，就放在前端請(qǐng)求了。
這里要注意傳入?yún)?shù)：
| appid | 小程序唯一標(biāo)識(shí) | |
| secret | 小程序的 app secret | |
| js_code | 登錄時(shí)獲取的 code | |
| grant_type | 填寫為 authorization_code |
//2. 訪問(wèn)登錄憑證校驗(yàn)接口獲取session_key
wx.request({
url: "https://api.weixin.qq.com/sns/jscode2session",
data: {
'appid': "xxxxxxxx",
'secret': "xxxxxxxx",
'js_code': res.code,
'grant_type': "authorization_code"
},
method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
header: {
'content-type': 'application/json'
}, // 設(shè)置請(qǐng)求的 header
success: function(data) {
console.log("data", data.data.session_key)
},
fail: function(err) {
console.log(err);
}
})
4. 自己的服務(wù)器端進(jìn)行解密
注：解密接口可以使用騰訊官方的demo進(jìn)行改造，具體改造會(huì)在后面說(shuō)明。
//3. 解密
wx.request({
url: 'http://xxxxx.com/demo/demo.php',//騰訊官方demo改造的接口頁(yè)面
data: {
'encryptedData': encodeURIComponent(e.detail.encryptedData),//需要進(jìn)行編碼
'iv': e.detail.iv,
'session_key': data.data.session_key
},
method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
header: {
'content-type': 'application/json'
}, // 設(shè)置請(qǐng)求的 header
success: function(data2) {
console.log(data2.data.phoneNumber)
if(data2.statusCode == 200) {
self.setData({
phone: data2.data.phoneNumber
})
}
},
fail: function(err) {
console.log(err);
}
})
js部分整體代碼如下：
getPhoneNumber: function (e) {
if (e.detail.errMsg == "getPhoneNumber:fail user deny") return;
//用戶允許授權(quán)
console.log("lv", e.detail.iv);
console.log(e.detail.encryptedData);
wx.showLoading()
var self=this
//1. 調(diào)用登錄接口獲取臨時(shí)登錄code
wx.login({
success: res => {
if(res.code){
//2. 訪問(wèn)登錄憑證校驗(yàn)接口獲取session_key、openid
wx.request({
url: "https://api.weixin.qq.com/sns/jscode2session",
data: {
'appid': "wxcc41e47562b08129",
'secret': "50e4379d67a6860d18157c53dc6ac3c2",
'js_code': res.code,
'grant_type': "authorization_code"
},
method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
header: {
'content-type': 'application/json'
}, // 設(shè)置請(qǐng)求的 header
success: function (data) {
console.log("data", data)
if(data.statusCode==200){
//3. 解密
wx.request({
url: 'http://qdy8.gotoip4.com/demo/demo.php',
data: {
'encryptedData': e.detail.encryptedData,
'iv': e.detail.iv,
'session_key': data.data.session_key
},
method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
header: {
'content-type': 'application/json'
}, // 設(shè)置請(qǐng)求的 header
success: function (data2) {
wx.hideLoading()
console.log(data2.data.phoneNumber)
if (data2.statusCode == 200 && data2.data.phoneNumber) {
self.setData({
phone: data2.data.phoneNumber
})
}
},
fail: function (err) {
console.log(err);
}
})
}
},
fail: function (err) {
console.log(err);
}
})
}
}
})
}
二. 后端接口：
微信官方提供了多種編程語(yǔ)言的示例代碼（示例代碼）。每種語(yǔ)言類型的接口名字均一致，調(diào)用方式可以參照示例。
如果只是學(xué)習(xí)研究，可以買個(gè)經(jīng)濟(jì)型的虛擬主機(jī)，一年才幾十塊錢，不過(guò)這種虛擬主機(jī)以php居多，所以這里以php為例進(jìn)行改造，接收前端請(qǐng)求。
官方demo下載后結(jié)構(gòu)如下：
對(duì)demo.php進(jìn)行改造：
<?php
include_once "wxBizDataCrypt.php";
/**
* sessionKey/encryptedData/iv參數(shù)均從url中獲取，并賦給相應(yīng)變量
*/
$appid = 'xxxxxxxx';
$sessionKey = $_REQUEST['session_key'];
$encryptedData=$_REQUEST['encryptedData'];
$iv = $_REQUEST['iv'];
$pc = new WXBizDataCrypt($appid, $sessionKey);
$errCode = $pc->decryptData($encryptedData, $iv, $data );
if ($errCode == 0) {
print($data . "\n");
} else {
print($errCode . "\n");
}
?>
將php的三個(gè)demo文件上傳虛擬主機(jī)：
然后就可以直接訪問(wèn)demo.php文件作為接口了。
三. 容易出現(xiàn)的異常：
1. 訪問(wèn)微信的登錄憑證校驗(yàn)接口獲取session_key時(shí)，如果報(bào)出如下錯(cuò)誤，則需清除全部緩存，重新編譯（應(yīng)該是更改過(guò)appid，開發(fā)工具的坑，不清除全部緩存，會(huì)出現(xiàn)這個(gè)錯(cuò)誤）：
invalid code, hints: [ req_id: CPAsWa0325ha57 ]
2.解密接口返回-41003,則檢查接口參數(shù):
到此這篇關(guān)于微信小程序開發(fā)之獲取用戶手機(jī)號(hào)碼(php接口解密)的文章就介紹到這了,更多相關(guān)小程序獲取用戶手機(jī)號(hào)碼內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- PHP接入Apple對(duì)access_token/identityToken進(jìn)行JWT驗(yàn)證流程詳解
- php獲取微信基礎(chǔ)接口憑證Access_token
- PHP cURL獲取微信公眾號(hào)access_token的實(shí)例
- PHP定時(shí)任務(wù)獲取微信access_token的方法
- PHP實(shí)現(xiàn)微信小程序在線支付功能(代碼實(shí)例)
- php實(shí)現(xiàn)微信小程序授權(quán)登錄功能(實(shí)現(xiàn)流程)
- php實(shí)現(xiàn)微信小程序訂閱消息推送(access_token獲取緩存刷新)
相關(guān)文章
這篇文章主要介紹了js讀取cookie方法,實(shí)例總結(jié)了四種常用的讀取方法,包含了對(duì)cookie數(shù)據(jù)的分割與遍歷操作,是非常實(shí)用的技巧,需要的朋友可以參考下2014-10-10
JS去除字符串最后的逗號(hào)實(shí)例分析【四種方法】
這篇文章主要介紹了JS去除字符串最后的逗號(hào),結(jié)合實(shí)例形式分析了四種字符串遍歷、截取的操作方法,需要的朋友可以參考下2019-06-06
基于JS實(shí)現(xiàn)步驟引導(dǎo)進(jìn)度條效果的代碼示例
在Web前端開發(fā)中,步驟引導(dǎo)進(jìn)度條是一種常見的交互設(shè)計(jì),用于引導(dǎo)用戶完成多步驟任務(wù),如表單填寫、注冊(cè)流程或支付操作,本文將詳細(xì)介紹如何利用JavaScript實(shí)現(xiàn)一個(gè)功能完善且視覺友好的步驟引導(dǎo)進(jìn)度條效果,需要的朋友可以參考下2025-02-02
微信小程序用戶授權(quán)、位置授權(quán)及獲取微信綁定手機(jī)號(hào)
這篇文章主要介紹了信小程序用戶授權(quán)、位置授權(quán)及獲取微信綁定手機(jī)號(hào),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
js遍歷table的所有元素的代碼，方便我們控制table的所有元素，顏色，樣式等2008-07-07
PhotoShop給圖片自動(dòng)添加邊框及EXIF信息的JS腳本
這篇文章主要介紹了PhotoShop給圖片自動(dòng)添加邊框及EXIF信息的JS腳本,本文給出效果圖和實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-02-02
uni-app的h5頁(yè)面中onHide/onUnload方法不觸發(fā)的問(wèn)題解決方法
uni-app的頁(yè)面的生命周期包括onInit、onLoad、onShow、onReady、onHide和onUnload等幾個(gè)階段,這篇文章主要給大家介紹了關(guān)于uni-app的h5頁(yè)面中onHide/onUnload方法不觸發(fā)的問(wèn)題解決方法,需要的朋友可以參考下2023-12-12
下載站控制介紹字?jǐn)?shù)顯示的腳本 顯示全部 隱藏介紹等功能
有一些下載網(wǎng)站為了整體的統(tǒng)一，盡量的控制軟件介紹的字?jǐn)?shù)顯示，要不因?yàn)樽謹(jǐn)?shù)介紹太多導(dǎo)致用戶看到下載鏈接比較靠后等原因而一個(gè)小功能的實(shí)現(xiàn)。2009-09-09
淺析JavaScript對(duì)象轉(zhuǎn)換成原始值
這篇文章主要介紹了淺析JavaScript對(duì)象轉(zhuǎn)換成原始值，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下，需要的朋友可以參考一下2022-07-07
echarts修改橫坐標(biāo)顏色簡(jiǎn)單代碼示例
這篇文章主要給大家介紹了關(guān)于echarts修改橫坐標(biāo)顏色的相關(guān)資料,在項(xiàng)?中常常會(huì)?到echarts的實(shí)例,根據(jù)不同的需求字體顏?需要變化,需要的朋友可以參考下2023-07-07