微信小程序獲取用戶openid的方法詳解
- 小程序可以通過(guò)微信官方提供的登錄能力方便地獲取微信提供的用戶身份標(biāo)識(shí)，快速建立小程序內(nèi)的用戶體系
- 然而因?yàn)樾〕绦蛑械膐penid不可以直接使用需要用code（登錄憑證）去換取openid
獲取openid的思路
獲取openid首先需要調(diào)用小程序的login方法獲取小程序的登錄憑證code,然后使用code向微信換取登錄態(tài)信息,包括用戶的唯一標(biāo)識(shí)(openid)及本次登錄的會(huì)話密鑰(session_key)
我這里是用一個(gè)點(diǎn)擊事件來(lái)觸發(fā)一個(gè)函數(shù)
wx.getUserInfo 會(huì)獲取到你的一些信息 比如名字
info(){
wx.getUserInfo({
//成功后會(huì)返回
success:(res)=>{
console.log(res);
}
})
},
下圖看打印
wx.login 可以獲取到你的code值
wx.login({
//成功放回
success:(res)=>{
console.log(res);
let code=res.code
}
})
下圖看打印
通過(guò)wx.request 來(lái)讓code換取openid
這里面需要一段很長(zhǎng)的url地址
https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code
這個(gè)地址可以在開(kāi)發(fā)文檔=>服務(wù)器=>登錄中 找到
不要以為你把這個(gè)路徑cv上就好了 這段連接中有三處地方需要改動(dòng)
（每個(gè)人的id都不一樣所以你要自己去作修改 下面有修改處的位置）
wx.request({
url: `https://api.weixin.qq.com/sns/jscode2session?appid=wx16ccbe7d04209a11&secret=1f9465bdebe244b5ad15635e8a655832&js_code=$[code]&grant_type=authorization_code`,
success:(res)=>{
console.log(res);
userInfo.openid=res.data.openid
//獲取到你的openid
console.log(userInfo.openid);
}
})需要修改的地方
注意是沒(méi)處地方都是等號(hào)之后&符號(hào)之前的 （這里一定不能出錯(cuò)）
我給大家說(shuō)下這三處地方在哪找
第一個(gè)
登錄 微信公眾平臺(tái) =>開(kāi)發(fā)管理=>開(kāi)發(fā)設(shè)置=>開(kāi)發(fā)者Id
第二個(gè)
在第一個(gè)的下面
第三個(gè)是你獲取的code值
把他拼接過(guò)去 注意要使用反引號(hào)
你還需要再設(shè)置中溝一個(gè)東西 要不然會(huì)報(bào)錯(cuò) （如圖）
然后打印你就會(huì)看到你的openid的值 如下
完整代碼
info(){
wx.getUserInfo({
//成功后會(huì)返回
success:(res)=>{
console.log(res);
// 把你的用戶信息存到一個(gè)變量中方便下面使用
let userInfo= res.userInfo
//獲取openId（需要code來(lái)?yè)Q?。┻@是用戶的唯一標(biāo)識(shí)符
// 獲取code值
wx.login({
//成功放回
success:(res)=>{
console.log(res);
let code=res.code
// 通過(guò)code換取openId
wx.request({
url: `https://api.weixin.qq.com/sns/jscode2session?appid=wx16ccbe7d04209a11&secret=1f9465bdebe244b5ad15635e8a655832&js_code=$[code]&grant_type=authorization_code`,
success:(res)=>{
console.log(res);
userInfo.openid=res.data.openid
console.log(userInfo.openid);
}
})
}
})
}
})
},
總結(jié)
openid是用戶的唯一標(biāo)識(shí)，它可以快速的建立小程序內(nèi)的用戶體系因?yàn)閛penid是一個(gè)敏感信息所有他不會(huì)直接給你，需要你用登錄憑證（code）去換取openid
到此這篇關(guān)于微信小程序獲取用戶openid的文章就介紹到這了,更多相關(guān)微信小程序獲取用戶openid內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
layui 圖片上傳+表單提交+ Spring MVC的實(shí)例
今天小編就為大家分享一篇layui 圖片上傳+表單提交+ Spring MVC的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
優(yōu)化innerHTML操作(提高代碼執(zhí)行效率)
多數(shù)現(xiàn)代瀏覽器都實(shí)現(xiàn)了innerHTML操作，它的方便性讓我們愛(ài)不釋手，但如果使用不當(dāng)，很容易出現(xiàn)效率問(wèn)題，本文通過(guò)一個(gè)例子來(lái)說(shuō)明如何優(yōu)化innerHTML操作。2011-08-08
JavaScript實(shí)現(xiàn)瀏覽器網(wǎng)頁(yè)自動(dòng)滾動(dòng)并點(diǎn)擊的示例代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)瀏覽器網(wǎng)頁(yè)的自動(dòng)滾動(dòng)并點(diǎn)擊的示例代碼，幫助大家更好的理解和學(xué)習(xí)JavaScript的使用，感興趣的朋友可以了解下2020-12-12
本文主要介紹了提高數(shù)據(jù)訪問(wèn)速度的方法，具有很好的參考作用，需要的朋友一起來(lái)看下吧2016-12-12
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)異步上傳壓縮圖片，并立即顯示圖片，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
tracking.js頁(yè)面人臉識(shí)別插件使用方法
這篇文章主要為大家詳細(xì)介紹了tracking.js頁(yè)面識(shí)別人臉插件使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要介紹了解析JS在獲取當(dāng)前月的最后一天遇到的坑，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
使用JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)易的熱更新
熱更新是指在應(yīng)用程序運(yùn)行時(shí),對(duì)程序的部分內(nèi)容進(jìn)行更新,而無(wú)需重啟整個(gè)應(yīng)用程序,熱更新是在不停止整個(gè)應(yīng)用程序的情況下,將新的代碼、資源或配置應(yīng)用于正在運(yùn)行的應(yīng)用程序,本文講給大家介紹一下使用JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)易的熱更新,需要的朋友可以參考下2023-08-08
函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊，JavaScript 中的所有事物都是對(duì)象：字符串、數(shù)值、數(shù)組、函數(shù)，下面通過(guò)本文給大家介紹JavaScript函數(shù)對(duì)象，感興趣的朋友一起學(xué)習(xí)吧2015-11-11
JavaScript實(shí)現(xiàn)字符串截取的三個(gè)方法總結(jié)
在?JavaScript?中，可以使用?substr()、slice()?和?substring()?方法截取字符串。這篇文章就來(lái)通過(guò)一些示例和大家聊聊這些方法的具體操作，需要的可以參考一下2023-02-02