ミニプログラムを通じてopenidとユーザー情報を取得する方法

今回はミニプログラムを通じてopenidとユーザー情報を取得する方法を紹介します。ミニプログラムが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 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

PC上でjqueryを使用してカルーセル画像を作成する詳細な説明

反応サーバーレンダリング

ユーザーの個人情報を取得するWeChatアプレットの開発方法

Vue 2.5 Element UIによるコンポーネントページング機能の実装

以上がミニプログラムを通じてopenidとユーザー情報を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。