小程序自上線以來，官方一直在調(diào)整API，因此也出現(xiàn)了一批被廢棄的接口，作為程序員的我們，此時(shí)此刻千萬不能為這不斷的變化而感到頭疼，應(yīng)當(dāng)與時(shí)俱進(jìn)，不斷的更新自己的知識儲備和應(yīng)用技能。

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

以下是原公告：

為優(yōu)化用戶體驗(yàn)，使用 wx.getUserInfo 接口直接彈出授權(quán)框的開發(fā)方式將逐步不再支持。從2018年4月30日開始，小程序與小游戲的體驗(yàn)版、開發(fā)版調(diào)用 wx.getUserInfo 接口，將無法彈出授權(quán)詢問框，默認(rèn)調(diào)用失敗。正式版暫不受影響。

開發(fā)者可使用以下方式獲取或展示用戶信息：

一、小程序

1、使用 button 組件，并將 open-type 指定為 getUserInfo 類型，獲取用戶基本信息。

詳情參考文檔:https://developers.weixin.qq.com/miniprogram/dev/component/button.html

2、使用 open-data 展示用戶基本信息。

詳情參考文檔:https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html

新的方法的使用

wxml：

<button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo" >授權(quán)登錄</button>

js:

Page({
  data: {},
  bindGetUserInfo: function(e) {
    var that = this;
    //此處授權(quán)得到userInfo
    console.log(e.detail.userInfo);
    //接下來寫業(yè)務(wù)代碼

    //最后，記得返回剛才的頁面
    wx.navigateBack({
      delta: 1
    })
  }
})

效果如圖所示：控制臺之中打印出昵稱，微信頭像等個(gè)人信息。

再來一波demo示范一下

wxml:

<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo">獲取用戶信息</button>

js:

var pageObject = {
  data: {
  
  },
  
  onGotUserInfo: function (e) {
    console.log(e.detail.errMsg)
    console.log(e.detail.userInfo)
    console.log(e.detail.rawData)
  },
}

Page(pageObject)

效果如下：控制臺之中打印出昵稱，微信頭像等個(gè)人信息。

原文作者：祈澈姑娘
技術(shù)博客：http://m.itdecent.cn/u/05f416aefbe1
90后前端妹子，愛編程，愛運(yùn)營，愛折騰。
堅(jiān)持總結(jié)工作中遇到的技術(shù)問題，堅(jiān)持記錄工作中所所思所見，歡迎大家加入群聊，一起探討交流。