微信小程序獲取用戶openid的方法詳解
- 小程序可以通過微信官方提供的登錄能力方便地獲取微信提供的用戶身份標(biāo)識,快速建立小程序內(nèi)的用戶體系
- 然而因為小程序中的openid不可以直接使用需要用code(登錄憑證)去換取openid
獲取openid的思路
獲取openid首先需要調(diào)用小程序的login方法獲取小程序的登錄憑證code,然后使用code向微信換取登錄態(tài)信息,包括用戶的唯一標(biāo)識(openid)及本次登錄的會話密鑰(session_key)
我這里是用一個點擊事件來觸發(fā)一個函數(shù)
wx.getUserInfo 會獲取到你的一些信息 比如名字
info(){ wx.getUserInfo({ //成功后會返回 success:(res)=>{ console.log(res); } }) },
下圖看打印
wx.login 可以獲取到你的code值
wx.login({ //成功放回 success:(res)=>{ console.log(res); let code=res.code } })
下圖看打印
通過wx.request 來讓code換取openid
這里面需要一段很長的url地址
https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code
這個地址可以在開發(fā)文檔=>服務(wù)器=>登錄中 找到
不要以為你把這個路徑cv上就好了 這段連接中有三處地方需要改動
(每個人的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); } })
需要修改的地方
注意是沒處地方都是等號之后&符號之前的 (這里一定不能出錯)
我給大家說下這三處地方在哪找
第一個
登錄 微信公眾平臺 =>開發(fā)管理=>開發(fā)設(shè)置=>開發(fā)者Id
第二個
在第一個的下面
第三個是你獲取的code值
把他拼接過去 注意要使用反引號
你還需要再設(shè)置中溝一個東西 要不然會報錯 (如圖)
然后打印你就會看到你的openid的值 如下
完整代碼
info(){ wx.getUserInfo({ //成功后會返回 success:(res)=>{ console.log(res); // 把你的用戶信息存到一個變量中方便下面使用 let userInfo= res.userInfo //獲取openId(需要code來換取)這是用戶的唯一標(biāo)識符 // 獲取code值 wx.login({ //成功放回 success:(res)=>{ console.log(res); let code=res.code // 通過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)識,它可以快速的建立小程序內(nèi)的用戶體系因為openid是一個敏感信息所有他不會直接給你,需要你用登錄憑證(code)去換取openid
到此這篇關(guān)于微信小程序獲取用戶openid的文章就介紹到這了,更多相關(guān)微信小程序獲取用戶openid內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
layui 圖片上傳+表單提交+ Spring MVC的實例
今天小編就為大家分享一篇layui 圖片上傳+表單提交+ Spring MVC的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09優(yōu)化innerHTML操作(提高代碼執(zhí)行效率)
多數(shù)現(xiàn)代瀏覽器都實現(xiàn)了innerHTML操作,它的方便性讓我們愛不釋手,但如果使用不當(dāng),很容易出現(xiàn)效率問題,本文通過一個例子來說明如何優(yōu)化innerHTML操作。2011-08-08JavaScript實現(xiàn)瀏覽器網(wǎng)頁自動滾動并點擊的示例代碼
這篇文章主要介紹了JavaScript實現(xiàn)瀏覽器網(wǎng)頁的自動滾動并點擊的示例代碼,幫助大家更好的理解和學(xué)習(xí)JavaScript的使用,感興趣的朋友可以了解下2020-12-12JavaScript實現(xiàn)字符串截取的三個方法總結(jié)
在?JavaScript?中,可以使用?substr()、slice()?和?substring()?方法截取字符串。這篇文章就來通過一些示例和大家聊聊這些方法的具體操作,需要的可以參考一下2023-02-02