微信小程式三種獲取使用者資訊的方式

一、通過<open-data>元件：

<open-data type="userAvatarUrl"></open-data>
<open-data type="userNickName"></open-data>
<open-data type="userCountry"></open-data>
<open-data type="userCity"></open-data>

優點: 不需要使用者授權可以直接獲取本人的微信頭像名稱等資訊

缺點: 只能獲取自己的資訊，不能獲取其他人的；同時獲取到的資訊只能夠用於前端顯示，js獲取不到

 

二、通過wx.getUserInfo()函式：

wx.getUserInfo({
    success: (res)=>{
        console.log(res)
    }
})

優點: 可以獲取到使用者的資訊，通過js操作

缺點: 微信小程式為了優化使用者體驗，呼叫此API時如果使用者未授權不再彈出申請授權的彈窗，所以呼叫前必須要通過wx.getSetting 判斷使用者的授權狀態，同時如果未授權還需要依賴第三種方式獲取授權。

 

三、通過 <button open-type="getUserInfo" bindgetuserinfo="getUserInfo"></button> 獲取

<button open-type="getUserInfo" bindgetuserinfo="getUserInfo"></button>

getUserInfo(e){
    console.log(e)
}

優點: 這是微信小程式推薦的用法，可以直接喚起授權彈窗(唯一的方式)，返回的e中就包含了獲取到的使用者資訊

缺點: 相對麻煩一點