微信小程序開發之獲取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_key 是對用戶數據進行加密簽名的密鑰。為了自身應用安全,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
  })
})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM