摘要:微信小程序開(kāi)放了微信登錄的,無(wú)論是個(gè)人還是企業(yè)申請(qǐng)的小程序均可使用。開(kāi)始寫(xiě)服務(wù)端,也很容易。
微信小程序開(kāi)放了微信登錄的api,無(wú)論是個(gè)人還是企業(yè)申請(qǐng)的小程序均可使用。
首先創(chuàng)建一個(gè)項(xiàng)目,把這些代碼都清空,我們自己寫(xiě)!
然后,開(kāi)始寫(xiě)了!
首先index.wxml,寫(xiě)一個(gè)button用于發(fā)起登錄
index.wxml
然后寫(xiě)index.js
通過(guò)wx.login()來(lái)獲取code
如果成功獲取,那么返回code
然后調(diào)用wx.request()向服務(wù)端發(fā)起一個(gè)請(qǐng)求,即向登錄api接口發(fā)送code
換取openid和session_key
api接口:
https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=APPSECRET&js_code=CODE&grant_type=authorization_code
//index.js //獲取應(yīng)用實(shí)例 const app = getApp() Page({ data: { }, //登錄獲取code login:function(){ wx.login({ success:function(res){ console.log(res.code) //發(fā)送請(qǐng)求 wx.request({ url: "test.php", //接口地址 data: {code:res.code}, header: { "content-type": "application/json" //默認(rèn)值 }, success: function (res) { console.log(res.data) } }) } }) } })
app.js,這個(gè)清空,留下這樣就行了
//app.js App({ })
那么到這里,小程序端已經(jīng)搞定了。
開(kāi)始寫(xiě)服務(wù)端,也很容易。
首先獲取從小程序傳過(guò)來(lái)的code
再配置自己小程序的appid和appscret
把這些參數(shù)拼接到api接口上進(jìn)行請(qǐng)求發(fā)送就可以返回openid和session_key
OK完成!把服務(wù)端上傳到服務(wù)器,換到上面的這里
然后就可以再控制臺(tái)打印出openid和session_key了
獲取到了,你想怎么玩就怎么玩!后面可以通過(guò)wx.getUserinfo獲取用戶(hù)基本信息(頭像,昵稱(chēng),城市,個(gè)性簽名等相關(guān)信息)
作者:tanking
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/28859.html
摘要:是什么是表示用戶(hù)在你的當(dāng)前應(yīng)用中的唯一標(biāo)識(shí)比如小程序,微信公眾號(hào)等,這些都算是一個(gè)應(yīng)用,如果你有多個(gè)應(yīng)用,同一個(gè)用戶(hù)的可能并不相同下圖是獲取的過(guò)程微信的官方文檔和時(shí)序圖小程序登錄的時(shí)序圖思路首先調(diào)用獲取登錄憑證調(diào)用接口前,需要把微信小程序的 OpenId是什么?openid 是表示用戶(hù)在你的當(dāng)前應(yīng)用中的唯一標(biāo)識(shí),比如小程序,微信公眾號(hào)等,這些都算是一個(gè)應(yīng)用,如果你有多個(gè)應(yīng)用,同一個(gè)用...
摘要:做一款小程序,如果需要判斷用戶(hù),當(dāng)然要獲取一些基本信息,例如頭像,昵稱(chēng),。所以本次案例就直接上代碼了。 做一款小程序,如果需要判斷用戶(hù),當(dāng)然要獲取一些基本信息,例如頭像,昵稱(chēng),openid。所以本次案例就直接上代碼了。 小程序前端 index.wxml 獲取頭像昵稱(chēng) {{userInfo.nickName}} ...
摘要:項(xiàng)目規(guī)劃本項(xiàng)目為基于微信手機(jī)應(yīng)用平臺(tái)的一款運(yùn)動(dòng)互動(dòng)型小程序,實(shí)現(xiàn)了用戶(hù)即時(shí)運(yùn)動(dòng)步數(shù)群內(nèi)與個(gè)人動(dòng)態(tài)的發(fā)布,小程序前端采用原生框架,后端采用基于的框架,數(shù)據(jù)庫(kù)采用,對(duì)象存儲(chǔ)采用七牛云,服務(wù)器采用阿里,域名采用認(rèn)證。 1. 項(xiàng)目規(guī)劃 本項(xiàng)目為基于微信手機(jī)應(yīng)用平臺(tái)的一款運(yùn)動(dòng)互動(dòng)型小程序,實(shí)現(xiàn)了用戶(hù)即時(shí)運(yùn)動(dòng)步數(shù)群內(nèi)PK與個(gè)人動(dòng)態(tài)的發(fā)布,小程序前端采用原生框架,后端采用基于Node的koa2框架,...
摘要:小程序的登錄跟平時(shí)自己這種登錄驗(yàn)證還不太一樣,多了一個(gè)角色,那就是微信服務(wù)器。的有效期默認(rèn)是小時(shí),當(dāng)用戶(hù)一直在使用小程序的話(huà)會(huì)自動(dòng)刷新,這個(gè)是由微信這邊來(lái)維護(hù)的。 最近團(tuán)隊(duì)在開(kāi)發(fā)一款小程序,都是新手,一邊看文檔,一邊開(kāi)發(fā)。在開(kāi)發(fā)中會(huì)遇到各種問(wèn)題,今天把小程序登錄這塊的流程整理下,做個(gè)記錄。 小程序的登錄跟平時(shí)自己APP這種登錄驗(yàn)證還不太一樣,多了一個(gè)角色,那就是微信服務(wù)器。 showI...
閱讀 1426·2021-09-23 11:21
閱讀 3124·2019-08-30 14:14
閱讀 3206·2019-08-30 13:56
閱讀 4158·2019-08-30 11:20
閱讀 1965·2019-08-29 17:23
閱讀 2780·2019-08-29 16:14
閱讀 1711·2019-08-28 18:18
閱讀 1501·2019-08-26 12:14