微信小程序之getUserProfile

一、getUserProfile是什麼

getUserProfile是微信小程序新增的API，可以獲取用戶的基本信息，包括頭像、昵稱、性別等，無需用戶授權，且不受scope限制。

getUserProfile是通過獲取用戶個人信息按鈕實現的，可以在用戶點擊按鈕後獲取用戶的個人信息。該API適用於需要獲取用戶信息，但不需要獲取用戶敏感信息的場景。

二、getUserProfile怎麼使用

1. getUserProfile的基本調用方法

getUserProfile的基本調用方法如下：

 wx.getUserProfile({
   desc: '獲取用戶信息',
   success: res => {
     console.log(res.userInfo)
   }
 })

其中，desc是獲取用戶信息時的提示語，success是成功回調函數，res.userInfo包含用戶的基本信息，如頭像、昵稱、性別等。其他參數如lang、fail等可自行查找使用。

2.getUserProfile的異常處理

在getUserProfile調用過程中，可能會出現以下異常情況：

1. 調用時未顯示彈窗：如果getUserProfile調用時未顯示彈窗，可能是因為調用時機不對，可以嘗試將調用放在頁面onLoad等生命周期函數中，或者嘗試重新打開小程序。

2. 顯示彈窗後用戶未點擊授權：如果用戶未點擊授權，可以在彈窗彈出後進行提示，引導用戶進行授權。

3. 用戶拒絕授權：如果用戶拒絕授權，可以提示用戶無法獲取用戶信息，或者引導用戶到設置頁面進行授權。

3. getUserProfile的使用示例

示例代碼如下：

//index.js
Page({
  data: {
    userInfo: {},
    hasUserInfo: false
  },
  //事件處理函數
  getUserProfile() {
    wx.getUserProfile({
      desc: '獲取用戶信息',
      success: (res) => {
        console.log(res.userInfo)
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      },
      fail: () => {
        console.log('getUserProfile fail')
      }
    })
  }
})

//index.wxml

<view class="container">
  <button wx:if="{{!hasUserInfo}}" class="userinfo-btn" open-type="getUserProfile" bindgetuserprofile="getUserProfile">點擊獲取用戶信息</button>
  <view wx:if="{{hasUserInfo}}" class="userinfo">
    <image bindtap="getUserProfile" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover">
    <text class="userinfo-nickname">{{userInfo.nickName}}</text>
    <text class="userinfo-gender">{{userInfo.gender == 1 ? '男' : '女'}}</text>
  </view>
</view>

三、getUserProfile常見問題解決方案

1. getUserProfile怎麼修改

getUserProfile是調用微信提供的API獲取用戶信息，無法修改，只能根據調用API的返回值來獲取用戶信息。

2. getUserProfile怎麼避免重複授權

為避免重複授權，可以在獲取用戶信息前判斷用戶是否已授權，如果已授權，則無需再次獲取。如果未授權，則調用getUserProfile進行授權。

示例代碼如下：

//index.js
Page({
  data: {
    userInfo: {},
    hasUserInfo: false
  },
  onShow: function () {
    if (wx.getStorageSync('hasUserInfo')) {
      this.setData({
        userInfo: wx.getStorageSync('userInfo'),
        hasUserInfo: true
      })
    }
  },
  //事件處理函數
  getUserProfile() {
    if (!this.data.hasUserInfo) {
      wx.getUserProfile({
        desc: '獲取用戶信息',
        success: (res) => {
          console.log(res.userInfo)
          this.setData({
            userInfo: res.userInfo,
            hasUserInfo: true
          })
          wx.setStorageSync('userInfo', res.userInfo)
          wx.setStorageSync('hasUserInfo', true)
        },
        fail: () => {
          console.log('getUserProfile fail')
        }
      })
    }
  }
})

//index.wxml

<view class="container">
  <button wx:if="{{!hasUserInfo}}" class="userinfo-btn" open-type="getUserProfile" bindgetuserprofile="getUserProfile">點擊獲取用戶信息</button>
  <view wx:if="{{hasUserInfo}}" class="userinfo">
    <image bindtap="getUserProfile" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover">
    <text class="userinfo-nickname">{{userInfo.nickName}}</text>
    <text class="userinfo-gender">{{userInfo.gender == 1 ? '男' : '女'}}</text>
  </view>
</view>

3. getUserProfile提示升級微信版本

如果使用getUserProfile時提示升級微信版本，可以在開發者工具中將微信版本升級至最新版，或者在手機微信中將微信版本升級至最新版即可。

四、user profile是什麼意思

user profile通常指用戶資料、用戶簡介等，包括用戶基本信息，如姓名、性別、出生日期、地址等，以及用戶偏好、興趣愛好、歷史記錄等。

在微信小程序中，user profile指的是通過getUserProfile獲取的用戶基本信息，如頭像、昵稱、性別等。

以上就是getUserProfile的詳細介紹，希望對大家有所幫助。