WeChat 애플릿을 통해 openid 및 사용자 정보를 얻는 방법-미니 프로그램 개발-php.cn

WeChat 애플릿을 통해 openid 및 사용자 정보를 얻는 방법

小云云

풀어 주다： 2018-01-31 09:53:12

원래의

5447명이 탐색했습니다.

이 글은 주로 WeChat 애플릿이 openid와 사용자 정보를 얻는 방법을 소개합니다. 관심 있는 친구들이 참고할 수 있기를 바랍니다.

1. openid 가져오기

1.1 코드 가져오기

인터페이스를 호출하여 로그인 자격 증명(코드)을 가져온 다음 사용자의 고유 식별자(openid) 및 세션 키(session_key)를 포함한 사용자 로그인 상태 정보를 교환합니다. 이 로그인에 대해. 사용자 데이터 통신의 암호화 및 암호 해독은 세션 키에 따라 다릅니다.

wx.login({
 //获取code
 success: function(res) {
   code = res.code //返回code
 }
})

로그인 후 복사

1.2 Openid 가져오기

이전 단계에서 얻은 코드를 가져오고 미니 프로그램 appid와 비밀 요청 인터페이스를 결합합니다 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
 })
})

로그인 후 복사