首頁 > 微信小程式 > 小程式開發 > 小程式取得openid及使用者資訊的方法

小程式取得openid及使用者資訊的方法

php中世界最好的语言
發布: 2018-03-23 10:53:39
原創
4107 人瀏覽過

這次帶給大家小程式取得openid及使用者資訊的方法,小程式取得openid及使用者資訊的注意事項有哪些,以下就是實戰案例,一起來看一下。

微信小程式取得openid及使用者資訊的方法

1. 取得openid

1.1 取得code

#呼叫介面取得登入憑證(code)進而換取使用者登入狀態訊息,包括使用者的唯一識別(openid) 及本次登入的會話金鑰( session_key)。使用者資料的加解密通訊需要依賴會話金鑰完成。

wx.login({
 //获取code
 success: function(res) {
   code = res.code //返回code
 }
})
登入後複製

1.2 取得openid

#拿到上一步驟取得的code,結合小程式appid 和secret 要求介面https:/ /api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code 換取openid,與openid 一同被傳回的,還包括session_key,其中session_code 是對用戶資料進行加密簽名的密鑰。為了自身應用安全,session_key 不應該在網路上傳輸。

wx.request({
 url: 'https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code='+ code +'&grant_type=authorization_code',
 data: {},
 header: {
   'content-type': 'application/json'
 },
 success: function(res) {
  openid = res.data.openid //返回openid
 }
})
登入後複製

2. 取得使用者資訊

#2.1 在app.js中建立該全域方法##

//app.js
getUserInfo:function(cb){
 var that = this
 if(this.globalData.personInfo){
  typeof cb == "function" && cb(this.globalData.personInfo)
 }else{
  //调用登录接口
  wx.login({
   success: function () {
    wx.getUserInfo({
     success: function (res) {
      that.globalData.personInfo = res.userInfo
      typeof cb == "function" && cb(that.globalData.personInfo)
     }
    })
   }
  })
 }
}
登入後複製

2.2 實例化全域方法獲取使用者資訊

var that = this;
//调用应用实例的方法获取全局数据
app.getUserInfo(function (personInfo) {
 //更新数据
 that.setData({
  personInfo: personInfo
 })
})
登入後複製
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

使用jquery做出PC端輪播圖的實列詳解

react的伺服器渲染

怎麼開發微信小程式取得使用者個人資訊

#Vue2.5與Element UI的元件分頁功能實現
#

以上是小程式取得openid及使用者資訊的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板