미니 프로그램을 통해 openid 및 사용자 정보를 얻는 방법

이번에는 미니 프로그램을 통해 openid와 사용자 정보를 얻는 방법을 알려드리겠습니다. mini 프로그램에서 openid와 사용자 정보를 얻는 주의사항은 무엇인가요?

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
 })
})

사례 당신은 이 방법을 마스터했습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

jquery를 사용하여 PC에서 캐러셀 이미지를 만드는 방법에 대한 자세한 설명

react 서버 렌더링

사용자 개인 정보를 얻기 위해 WeChat 애플릿을 개발하는 방법

뷰2 .5 Element UI

를 이용한 컴포넌트 페이징 기능 구현

위 내용은 미니 프로그램을 통해 openid 및 사용자 정보를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!