微信小程式獲取使用者資訊介面
阿新 • • 發佈:2019-02-12
wx.getUserInfo(OBJECT)
注意:微信團隊為優化使用者體驗,使用 wx.getUserInfo 介面直接彈出授權框的開發方式將逐步不再支援。從2018年4月30日開始,小程式與小遊戲的體驗版、開發版呼叫 wx.getUserInfo 介面,將無法彈出授權詢問框,預設呼叫失敗。
- 當用戶未授權過,呼叫該介面將直接報錯
- 當用戶授權過,可以使用該介面獲取使用者資訊
示例程式碼:
<!--wxml--> <!-- 如果只是展示使用者頭像暱稱,可以使用 <open-data /> 元件 --> <open-data type="userAvatarUrl"></open-data> <open-data type="userNickName"></open-data> <!-- 需要使用 button 來授權登入 --> <button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授權登入</button> <view wx:else>請升級微信版本</view>
//js Page({ data: { canIUse: wx.canIUse('button.open-type.getUserInfo') }, onLoad: function() { // 檢視是否授權 wx.getSetting({ success: function(res){ if (res.authSetting['scope.userInfo']) { // 已經授權,可以直接呼叫 getUserInfo 獲取頭像暱稱 wx.getUserInfo({ success: function(res) { console(res.userInfo) } }) } } }) }, bindGetUserInfo: function(e) { console.log(e.detail.userInfo) } })