uniapp開發(fā)微信小程序登錄的遇到的坑與優(yōu)化方案

uniapp開發(fā)微信?程序登錄的遇到的坑與優(yōu)化?案坑1、微信已廢棄原有的微信登錄api//獲取?戶信息--已廢棄，返回都是匿名信息//uni.getUserInfo({//provider:platform,//success:infoRes=>{//console.log(infoRes);//}//});新版代碼如下，會出彈框，?戶允許才會獲取，拒絕則不會獲取//允許授權(quán)，并獲取?戶信息（改版后）uni.getUserProfile({desc:'?于個?中?展??戶頭像與昵稱',lang:'zh_CN',success:proRes=>{console.log(proRes);}});坑2、微信?程序新版的獲取?戶信息的api必須放在點擊?法的第?步我原來的思路是1、先獲得?產(chǎn)商，因為uni-app可兼容?付寶?程序等各端2、如果?產(chǎn)商是微信?程序（weixin），則調(diào)?微信登錄api3、返回的code，發(fā)到后端，可以請求得到openid4、獲取?戶信息5、把openid與?戶信息綁定，?起發(fā)送到后端注冊登錄但是以下代碼不?效，因為微信的授權(quán)并獲取?戶信息必須放在?法的前?故調(diào)整為以下代碼1、獲取?產(chǎn)商并判斷?產(chǎn)商的代碼去除2、把授權(quán)并獲取?戶信息的代碼放到最上?3、授權(quán)彈窗點允許，再使?登錄api4、得到code，請求后端得到openid5、把?戶信息與openid綁定，發(fā)送到后端注冊ps:我個?不推薦這種寫法，所以?了截圖，原因下?解釋坑3、=>匿名函數(shù)的寫法可以運?，但是會形成層層嵌套，代碼不易讀由于代碼的層層嵌套不易讀，?引出asyncawait和Promise配合使?的寫法沒?過的?伙伴可從此快速?門，獲取你在百度其他的教程便于更深刻的理解有如下?個固定設定：1.認識英?意思：async異步；await等等；promise承諾2.async?于修飾?法，也就是放在?法的前?。如：asyncasyncLogin()3.await修飾語句，?法體?有?await的，該?法?async修飾4.promise固定寫法returnnewPromise((resolve,reject)=>{//代碼邏輯,邏輯?有成功和失敗邏輯判斷//偽代碼如下if(true){resolve(data);//如果成功，返回data}else{reject(errMsg);//如果失敗，返回errMsg}});開始改造代碼1、把=>匿名函數(shù)改成promise//?微信登錄api，得到codepromiseLogin(){returnnewPromise((resolve,reject)=>{//dosomethinghere...uni.login({provider:'weixin',success:login=>{resolve(login.code);//fulfilled}});});},//請求后端得到openidpromiseGetOpenId(code){returnnewPromise((resolve,reject)=>{//dosomethinghere...this.$u.api.userThird({code:code}).then(res=>{letdata=JSON.parse(res.msg);resolve(data.openid);//fulfilled});});},//?戶授權(quán)登錄promiseGetUserProfile(){returnnewPromise((resolve,reject)=>{//dosomethinghere...uni.getUserProfile({desc:'?于完善會員資料',lang:'zh_CN',success:user=>{//得到?戶信息resolve(user.userInfo);},fail:err=>{reject(err.errMsg);}});});},2、?asyncawait把邏輯串起來asyncasyncLogin(){//允許授權(quán),得到?戶頭像昵稱constuserInfo=miseGetUserProfile();//得到openidconstgetOpenIdcode=miseLogin();constopenid=miseGetOpenId(getOpenIdcode);//?戶頭像昵稱與openid綁定userInfo['openid']=openid;//發(fā)起注冊或登錄constres=awaitthis.$u.api.weixinRegister(userInfo);//緩存登錄信息uni.setStorageSync('userinfo',res.userinfo);//展?最新的?戶信息this.flashLoginInfo();},3、html調(diào)??法asycnLogin()?法<viewclass="loginBtn"@tap="asyncLogin"><viewclass="item"><imagemode="widthFix"src="/static/idol/wechatIcon.png"alt="微信授權(quán)圖標"></image></view><viewclass="item">微信登錄</view></view>總結(jié)：微信?程序的注冊登錄流程1.允許授權(quán),得到?戶頭像昵稱，等?戶信息2.微信登錄uni.login，得到code3.那code請求后端，后端請求微信服務器，拿到openid4.拿openid與?戶信息請求注冊接?5.返回token與?戶信息6.把?戶