問(wèn)題

在微信小程序開發(fā)中，獲取用戶信息是經(jīng)常會(huì)用到的！在之前，我們直接調(diào)用wx.getUserInfo接口，就可以直接獲取用戶的信息，然而為了安全考慮，從2018年4月30號(hào)開始，wx.getUserInfo接口不能直接調(diào)用（接口調(diào)整），需要使用<button open-type="getUserInfo"></button> 引導(dǎo)用戶主動(dòng)進(jìn)行授權(quán)操作，意外就是來(lái)的這么突然，防不勝防！??！

處理方法

1、<open-data></open-data> ：只是簡(jiǎn)單的獲取信息用于顯示

其中，type="userAvatarUrl"是獲取用戶頭像，type="userNickName"是獲取用戶昵稱，具體使用詳情查看小程序開發(fā)文檔,此方法僅用于直接簡(jiǎn)單的展示用戶信息。

2、使用 <button open-type="getUserInfo">獲取用戶信息

小程序官方文檔有在說(shuō)明wx.getUserInfo 當(dāng)用戶未授權(quán)過(guò)，調(diào)用該接口將直接報(bào)錯(cuò)，即使調(diào)用該接口將直接jinru進(jìn)入fail的回調(diào)； 當(dāng)用戶授權(quán)過(guò)，可以使用該接口獲取用戶信息。

但是，如何有更好的用戶體驗(yàn)來(lái)引導(dǎo)用戶手動(dòng)調(diào)用此方法呢？這里思考了幾種實(shí)現(xiàn)方案：

1、在項(xiàng)目首頁(yè)直接調(diào)用getUserInfo方法，若從未授權(quán)過(guò)，跳轉(zhuǎn)到授權(quán)頁(yè)面引導(dǎo)用戶手動(dòng)授權(quán)

在授權(quán)頁(yè)面authorize 寫入按鈕組件

并在js中，加入手動(dòng)點(diǎn)擊按鈕的方法，返回首頁(yè)

此方案可行，但是授權(quán)頁(yè)面就一個(gè)授權(quán)的按鈕未免顯得突兀些，進(jìn)一步做優(yōu)化方案。

考慮到是不是能夠直接通過(guò)條件渲染wx-if 在首頁(yè)多加一部分遮罩層作為引導(dǎo)用戶授權(quán)的頁(yè)面展示，因?yàn)橛脩羰褂眯〕绦蛞唤?jīng)授權(quán)以后，再次進(jìn)入小程序就不用授權(quán)了，也就是說(shuō)只有在用戶第一次使用小程序的時(shí)候才會(huì)引導(dǎo)用戶授權(quán)操作，所以這里考慮通過(guò)遮罩層來(lái)實(shí)現(xiàn)。

在首頁(yè)多加一個(gè)遮罩層

同時(shí)查閱微信小程序開發(fā)文檔在頁(yè)面加載后調(diào)用wx.getSetting方法可以獲取當(dāng)前用戶的設(shè)置，返回值中只會(huì)出現(xiàn)小程序已經(jīng)向用戶請(qǐng)求過(guò)的權(quán)限，這樣可以判斷用戶是否授權(quán)過(guò)權(quán)限

未授權(quán)授權(quán)遮罩層顯示

引導(dǎo)用戶授權(quán)后

hasUserInfo: true

遮罩層消失，完成授權(quán)。

微信修改getUSerInfo這個(gè)接口后確實(shí)不如之前直接進(jìn)入小程序自動(dòng)調(diào)用獲取用戶信息方便些，但是確實(shí)是為了加強(qiáng)安全性的考究，才通過(guò)按鈕的方式讓用戶自己主動(dòng)去授權(quán)，雖然對(duì)于開發(fā)者我們來(lái)講不太習(xí)慣，但是對(duì)于加強(qiáng)了用戶信息的安全性，網(wǎng)絡(luò)信息安全確實(shí)是比較重要的一環(huán)。

總結(jié)

以上所述是小編給大家介紹的微信小程序Getuserinfo解決方案，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

最新評(píng)論