溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

小程序如何獲取用戶昵稱和頭像

發(fā)布時間：2021-05-22 10:46:21 來源：億速云 閱讀：675 作者：小新 欄目：web開發(fā)

小編給大家分享一下小程序如何獲取用戶昵稱和頭像，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

前段時間微信小程序?qū)Λ@取用戶昵稱和頭像方法進(jìn)行了更新，網(wǎng)上很多的文章都已經(jīng)不適用了，這里簡單總結(jié)一下

首先，傳統(tǒng)接口wx.getUserInfo的效果會彈出一個給用戶的彈窗，需要用戶授權(quán)，經(jīng)過測試傳統(tǒng)的wx.getUserInfo目前還是能用的，但是在使用時候會有官方log提醒你，這個方法需要升級。

小程序如何獲取用戶昵稱和頭像

然后就是官方提供的最新方法Open-data標(biāo)簽，使用這個標(biāo)簽可以不用用戶授權(quán)直接獲得頭像和昵稱

例子：

 <open-data type="userAvatarUrl"></open-data>  //獲取用戶頭像直接顯示在小程序中
  <open-data type="userNickName" lang="zh_CN"></open-data>  //獲取用戶昵稱直接顯示在小程序中

最后就是Open-data的靈活使用方法，

<button open-type='getUserInfo' lang="zh_CN" bindgetuserinfo="onGotUserInfo"></button>

可以在button標(biāo)簽中將open-data作為一個屬性寫入進(jìn)去，這樣效果就變?yōu)樵邳c擊時獲取頭像和昵稱

獲取方法在函數(shù)中得到就好

onGotUserInfo: function (e) {
  console.log("nickname=" + e.detail.userInfo.nickName);
 }

看完了這篇文章，相信你對“小程序如何獲取用戶昵稱和頭像”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手