1. 程式人生 > >微信小程式授權方法

微信小程式授權方法

1.現在通過getuserinfo方法獲取使用者資訊已經無法自動彈框授權。

2.我們可以通過以下方法彈框授權:

<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>
Page({
  data: {
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },
  onLoad() {
    // 檢視是否授權
    wx.getSetting({
      success(res) {
        if (res.authSetting['scope.userInfo']) {
          // 已經授權,可以直接呼叫 getUserInfo 獲取頭像暱稱
wx.getUserInfo({ success(res) { console.log(res.userInfo) } }) } } }) }, bindGetUserInfo(e) { console.log(e.detail.userInfo) } })

我們把這個授權頁面放到小程式首頁之前顯示。