微信小程序 獲取用戶昵稱、頭像

前段時間微信小程序對獲取用戶昵稱和頭像方法進行了更新，網上很多的文章都已經不適用了，這里簡單總結一下，首先，傳統接口wx.getUserInfo的效果會彈出一個給用戶的彈窗，需要用戶授權，經過測試傳統的wx.getUserInfo目前還是能用的，但是在使用時候會有官方log提醒你，這個方法需要升級。然后就是官方提供的最新方法Open-data標簽，使用這個標簽可以不用用戶授權直接獲得頭像和昵稱

例子：

<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標簽中將open-data作為一個屬性寫入進去，這樣效果就變為在點擊時獲取頭像和昵稱

獲取方法在函數中得到就好

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

具體怎么使用就是不同情況不同分析了，靈活一點就好