Exemple d'autorisation d'applet WeChat pour obtenir les détails de l'utilisateur-js tutoriel-php.cn

Exemple d'autorisation d'applet WeChat pour obtenir les détails de l'utilisateur

小云云

Libérer： 2018-05-15 11:09:11

original

17512 Les gens l'ont consulté

Cet article vous présente principalement des informations pertinentes sur les exemples détaillés d'autorisation d'applet WeChat pour obtenir les détails de l'utilisateur openid. J'espère que cet article pourra vous aider. Les amis dans le besoin pourront s'y référer.

L'applet récupère l'avatar, le surnom, l'openid, etc. de l'utilisateur.

La première façon est utiliser wx.getUserInfo Obtenez directement l'avatar WeChat, surnom

wx.getUserInfo({
   success: function (res) {
   that.setData({
     nickName: res.userInfo.nickName,
     avatarUrl: res.userInfo.avatarUrl,
   })
   },
})

Copier après la connexion

Le deuxième type

Lorsque nous nous connectons en utilisant wx. API de connexion du mini programme, vous ne pouvez pas obtenir plus d'informations en utilisant directement wx.getUserInfo, comme l'openid d'un utilisateur WeChat.
Rappel officiel, vous devez envoyer le code obtenu pour demander l'API back-end de WeChat, et effectuer le décryptage de l'utilisateur et d'autres opérations avant de pouvoir l'obtenir

Selon le document, vous seul. besoin de faire une demande get Il suffit de se rendre à l'adresse suivante :

https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

appid和secret在微信小程序后台可以看到，js_code为使用wx.login登录时获取到的code参数数据，grant_type这个不用改动。

Copier après la connexion

fichier js

var openId = (wx.getStorageSync(&#39;openId&#39;))
    if (openId) {
     wx.getUserInfo({
      success: function (res) {
       that.setData({
        nickName: res.userInfo.nickName,
        avatarUrl: res.userInfo.avatarUrl,
       })
      },
      fail: function () {
       // fail
       console.log("获取失败！")
      },
      complete: function () {
       // complete
       console.log("获取用户信息完成！")
      }
     })
    } else {
     wx.login({
      success: function (res) {
       console.log(res.code)
       if (res.code) {
        wx.getUserInfo({
         withCredentials: true,
         success: function (res_user) {
          wx.request({
           //后台接口地址
           url: &#39;https://....com/wx/login&#39;,
           data: {
            code: res.code,
            encryptedData: res_user.encryptedData,
            iv: res_user.iv
           },
           method: &#39;GET&#39;,
           header: {
            &#39;content-type&#39;: &#39;application/json&#39;
           },
           success: function (res) {
            // this.globalData.userInfo = JSON.parse(res.data);
            that.setData({
             nickName: res.data.nickName,
             avatarUrl: res.data.avatarUrl,
            })
            wx.setStorageSync(&#39;openId&#39;, res.data.openId);

           }
          })
         }, fail: function () {
          wx.showModal({
           title: &#39;警告通知&#39;,
           content: &#39;您点击了拒绝授权,将无法正常显示个人信息,点击确定重新获取授权。&#39;,
           success: function (res) {
            if (res.confirm) {
             wx.openSetting({
              success: (res) => {
               if (res.authSetting["scope.userInfo"]) {////如果用户重新同意了授权登录
                wx.login({
                 success: function (res_login) {
                  if (res_login.code) {
                   wx.getUserInfo({
                    withCredentials: true,
                    success: function (res_user) {
                     wx.request({
                      url: &#39;https://....com/wx/login&#39;,
                      data: {
                       code: res_login.code,
                       encryptedData: res_user.encryptedData,
                       iv: res_user.iv
                      },
                      method: &#39;GET&#39;,
                      header: {
                       &#39;content-type&#39;: &#39;application/json&#39;
                      },
                      success: function (res) {
                       that.setData({
                        nickName: res.data.nickName,
                        avatarUrl: res.data.avatarUrl,

                       })
                       wx.setStorageSync(&#39;openId&#39;, res.data.openId);
                      }
                     })
                    }
                   })
                  }
                 }
                });
               }
              }, fail: function (res) {

              }
             })

            }
           }
          })
         }, complete: function (res) {


         }
        })
       }
      }
     })

    }


 },
 globalData: {  
  userInfo: null
 }

Copier après la connexion

Le background est en php et le framework est la version laravel5.4

Document officiel :

https://mp.weixin.qq.com/debug/wxadoc/dev/api/signature.html

Le responsable de WeChat fournit des exemples de codes dans plusieurs langages de programmation (cliquez pour télécharger) . Les noms d'interface sont cohérents pour chaque type de langue. Vous pouvez vous référer à l'exemple de la méthode appelante.

Après le téléchargement, introduisez-le dans le fichier php :

<?php

namespace App\Http\Controllers\Admin;

use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
use App\Models\User;
use App\Models\Wechatuser;
include_once  app_path(&#39;/Http/Controllers/Admin/PHP/wxBizDataCrypt.php&#39;);


 // 获取微信用户信息
  public function getWxLogin(Request $request)
  {
   // require_once ROOTPATH . "./PHP/wxBizDataCrypt.php";

    $code  =  $request->get(&#39;code&#39;);
    $encryptedData  =  $request->get(&#39;encryptedData&#39;);
    $iv  =  $request->get(&#39;iv&#39;);
    $appid = "***" ;
    $secret =  "***";

    $URL = "https://api.weixin.qq.com/sns/jscode2session?appid=$appid&secret=$secret&js_code=$code&grant_type=authorization_code";

    $apiData=file_get_contents($URL);
    // var_dump($code,&#39;wwwwwwww&#39;,$apiData[&#39;errscode&#39;]);
    //   $ch = curl_init();
    // 　　curl_setopt($ch, CURLOPT_URL, $URL);
    // 　　curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    // 　　curl_setopt($ch, CURLOPT_HEADER, 0);
    // 　　$output = curl_exec($ch);
    // 　　curl_close($ch)

    if(!isset($apiData[&#39;errcode&#39;])){
      $sessionKey = json_decode($apiData)->session_key;
      $userifo = new \WXBizDataCrypt($appid, $sessionKey);

      $errCode = $userifo->decryptData($encryptedData, $iv, $data );

      if ($errCode == 0) {
        return ($data . "\n");
      } else {
        return false;
      }
    }
  }

Copier après la connexion

Organigramme de connexion du document officiel L'ensemble du processus de connexion est essentiellement le suivant :

<.>