1. 使用 ~~~ <open-data type="groupName" open-gid="xxxxxx"></open-data> <open-data type="userAvatarUrl"></open-data> <open-data type="userGender" lang="zh_CN"></open-data> // 說明 給圖片改成圓形 要加display:block;和overflow：hidden; ~~~ 2. 使用按鈕 open-type="getUserInfo" 彈出授權框 ~~~ <button open-type="getUserInfo" lang="zh_CN" type="primary" bindgetuserinfo="onGotUserInfo">獲取用戶信息</button> //說明 綁定授權事件 onGotUserInfo 授權會獲取信息 ~~~ 3.onload函數中的授權事件 ~~~ /* 判斷用戶是否授權 */ wx.getSetting({ success: res => { /* 為真則表示授權 */ if (res.authSetting["scope.userInfo"]) { //獲取用戶信息 wx.getUserInfo({ success: res => { this.setData({ userInfo: res.userInfo, authorized: true }) } }) } else { console.log('err'); } } }); ~~~ 獲取用戶授權設置 [鏈接](https://developers.weixin.qq.com/miniprogram/dev/api/open-api/authorize/wx.authorize.html) ~~~ 開發者可以使用 wx.getSetting 獲取用戶當前的授權狀態。 ~~~ 打開設置界面 ~~~ 用戶可以在小程序設置界面（「右上角」 - 「關于」 - 「右上角」 - 「設置」）中控制對該小程序的授權狀態。 開發者可以調用 wx.openSetting 打開設置界面，引導用戶開啟授權。 ~~~ 提前發起授權請求 ~~~ 開發者可以使用 wx.authorize 在調用需授權 API 之前，提前向用戶發起授權請求。 ~~~ ~~~ // 可以通過 wx.getSetting 先查詢一下用戶是否授權了 "scope.record" 這個 scope wx.getSetting({ success(res) { if (!res.authSetting['scope.record']) { wx.authorize({ scope: 'scope.record', success () { // 用戶已經同意小程序使用錄音功能，后續調用 wx.startRecord 接口不會彈窗詢問 wx.startRecord() } }) } } } ~~~