微信小程序開發(fā)一鍵登錄 獲取session_key和openid實例
微信小程序開發(fā)一鍵登錄 獲取session_key和openid實例
思來想去不愿自己的微信小程序是個單機版本.自己又不會寫后臺.現(xiàn)在借助leancloud可以實現(xiàn)微信小程序一鍵登錄功能.嘗試后,做筆記.
第一步:下載av-weapp.js,放到utils下.
第二步:使用 const AV = require('../../utils/av-weapp.js');路徑根據(jù)具體情況而定.
第三步:做初始化.
AV.init({ appId: 'EJx0NSfY********-gzGzoHsz', appKey: 'FBVPg5G**********T97SNQj', });
第四步:在微信公眾平臺獲取AppID(小程序ID) 和AppSecret(小程序密鑰)
第五步:leancloud控制臺配置AppID(小程序ID) 和AppSecret(小程序密鑰)
第六步:用戶登錄
<span style="font-size:24px;">AV.User.loginWithWeapp().then(user => { this.globalData.user = user.toJSON(); }).catch(console.error);</span>
登陸后在平臺查看用戶信息
獲取到: session_key和openid
第七步:獲取當前用戶信息
const user = AV.User.current(); // 調(diào)用小程序 API,得到用戶信息 wx.getUserInfo({ success: ({userInfo}) => { // 更新當前用戶的信息 user.set(userInfo).save().then(user => { // 成功,此時可在控制臺中看到更新后的用戶信息 this.globalData.user = user.toJSON(); }).catch(console.error); } });
注意:
wx.request() 需要配置合法域名,否則會報錯.
在上一次筆記中已經(jīng)寫明.1 微信小程序 wx.request合法域名配置詳解2.在微信小程序中使用 LeanCloud
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
JavaScript?ES6語法中l(wèi)et,const?,var?的區(qū)別
這篇文章主要為大家介紹了JavaScript中l(wèi)et,const?,var?的區(qū)別,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-01-01umi插件開發(fā)仿dumi項目實現(xiàn)基礎(chǔ)路由解析
這篇文章主要為大家介紹了umi插件開發(fā)仿dumi項目實現(xiàn)基礎(chǔ)路由解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-01-01