文章目錄

• • • 用戶信息
    • 使用open-data展示微信開放的數據
    • 使用wx.getUserInfo保存用戶信息

用戶信息

• 首先明確一下用戶信息有哪些：

微信用戶昵稱、頭像、性別、城市、省份、國家和語言等。

【注意】上述信息都是微信資料中填寫的，并不是用戶的實時定位城市等。

• 獲取用戶信息分為兩種情況：

在小程序中顯示上述信息（使用open-data）

獲得上述信息存入數據庫（使用wx.getUserInfo）

使用open-data展示微信開放的數據

官方文檔：https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html

對應的信息會直接展示到頁面上。

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

使用wx.getUserInfo保存用戶信息

官方文檔：https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html

根據微信官方接口調整消息：https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01

使用wx.getUserInfo接口直接彈出授權框不再支持。接口調用的機制是：如果用戶已經授權過了，可以直接拿到用戶信息，否則直接進入fail回調。

所以【解決方案】如下：
onload時查看權限，如果已經授權直接獲取用戶信息。在頁面中放置button，將open-type指定為getUserInfo類型，讓用戶主動點擊發起授權詢問，從而獲得用戶信息。

lang默認為en，表示返回用戶信息的語言，例如en模式下返回“China”，而zh_CN是“中國”。

<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo">獲取用戶信息</button> Page({onLoad: function(e) {// 查看是否授權wx.getSetting({success:function(res){if (res.authSetting['scope.userInfo']) {//已授權，可以獲取用戶信息wx.getUserInfo({success: function(res) {console.log(res.userInfo); //對象console.log(res.rawData); //Json}})}}})},onGotUserInfo(e){//點擊回調，如果授權成功拿到用戶數據，否則為undefinedconsole.log(e.detail.userInfo); //對象console.log(e.detail.rawData); //Json} })

總結

以上是生活随笔為你收集整理的微信小程序——获取用户信息的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。