快捷導(dǎo)航

Laravel 集成微信用戶登錄和綁定的實現(xiàn)

更新時間：2019年12月27日 14:08:45 作者：17ns

這篇文章主要介紹了Laravel 集成微信用戶登錄和綁定的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

最近主要在忙活微信與支付寶平臺的對接與開發(fā),本篇就基于后端層面來講述一下微信的登錄與綁定實現(xiàn)。

(一)、申請微信開放平臺

最首先的話就是需要去微信開發(fā)中心https://open.weixin.qq.com,創(chuàng)建一個賬號,然后創(chuàng)建自己的移動或網(wǎng)站應(yīng)用。

創(chuàng)建完成后,就會需要騰訊的審核,整個過程在1-3天,基本上1天左右就能完成,審核通過如下圖所示。

(二) 、封裝微信相關(guān)接口

微信移動應(yīng)用開發(fā)文檔:https://developers.weixin.qq.com/doc/oplatform/Mobile_App/WeChat_Login/Authorized_API_call_UnionID.html

審核通過后,就需要來封裝微信授權(quán)、可信息獲取的接口。

封裝微信授權(quán) && 用戶信息獲取

微信授權(quán)接口:https://api.weixin.qq.com/sns/oauth2

需要填寫的參數(shù)如下:

參數(shù)	是否必須	說明
appid	是	應(yīng)用唯一標(biāo)識，在微信開放平臺提交應(yīng)用審核通過后獲得
secret	是	應(yīng)用密鑰 AppSecret，在微信開放平臺提交應(yīng)用審核通過后獲得
code	是	填寫第一步獲取的 code 參數(shù)
grant_type	是	填 authorization_code

下面通過我們的PHP代碼實現(xiàn):

<?php
namespace App\Helpers;

use GuzzleHttp\Client;
use Illuminate\Support\Arr;

class WechatAppUtils
{
  protected $client = null;

  protected $config = [];

  public function __construct()
  {
    $this->config = [
      'wechat_app' => [
        'appid' => env('WECHAT_APPID'),  //審核通過的APPID
        'secret' => env('WECHAT_SECRET'),  //應(yīng)用APP SECRET 詳情見上圖
      ],
      'time_out'  => 5,
    ];
    $this->client = new Client([
      'time_out' => $this->config['time_out'],
    ]);
  }

  /**
   * 獲取微信用戶access_token
   *
   * @param [String] $code
   * @return Array
   */
  public function accessToken($code)
  {
    $accessTokenUrl = 'https://api.weixin.qq.com/sns/oauth2/access_token';

    $response = $this->client->request('GET', $accessTokenUrl, [
      'query' => [
        'grant_type' => 'authorization_code',
        'code'    => $code,
        'appid'   => Arr::get($this->config, 'wechat_app.appid'),
        'secret'   => Arr::get($this->config, 'wechat_app.secret'),
      ],
    ]);

    $result = $response->getbody()->getContents();

    return empty($result) ? null : json_decode($result, true);
  }

  /**
   * 微信用戶信息
   *
   * @param [String] $accessToken
   * @param [String] $openId
   * @return Array
   */
  public function userInfo($accessToken, $openId)
  {
    $userInfoUrl = 'https://api.weixin.qq.com/sns/userinfo';

    $response = $this->client->request('GET', $userInfoUrl, [
      'query' => [
        'access_token' => $accessToken,
        'openid'    => $openId,
        'lang'     => 'zh_CN',
      ],
    ]);

    $result = $response->getbody()->getContents();

    return empty($result) ? null : json_decode($result, true);
  }
}

上面的accessToken方法主要是實現(xiàn)用戶授權(quán),效驗的code參數(shù)是客戶端傳遞過來的,當(dāng)成功獲取收錢用戶的授權(quán)信息后,可以根據(jù)用戶的OPENID來調(diào)用userInfo方法查詢相關(guān)用戶的信息,包含了用戶的昵稱、頭像、性別等等。

具體客戶端開發(fā)文檔可以參考這篇:https://developers.weixin.qq.com/doc/oplatform/Mobile_App/WeChat_Login/Development_Guide.html。

上面的用到的Http Client是一個第三方拓展包,叫做GuzzleHttp,是一個PHP HTTP客戶端，可以輕松發(fā)送HTTP請求，并且可以輕松集成Web服務(wù)。

我們可以通過composer一鍵安裝:

composer require guzzlehttp/guzzle

(三)、完善用戶微信授權(quán)登錄

完成上述的封裝操作后,我們便開始講微信接入到我們自己的系統(tǒng)中與用戶進(jìn)行關(guān)聯(lián)起來,下面是微信接入的一張時序圖。

如果用戶想使用微信登錄,首先會通過客戶端喚起微信,請求登錄第三方應(yīng)用,然后微信會詢問用戶是否成功授權(quán)給XX應(yīng)用,授權(quán)成功后,客戶端會得到一個授權(quán)碼:code,然后客戶端攜帶code請求我們的客戶端API,進(jìn)行授權(quán)綁定,授權(quán)成功后，會得到授權(quán)用戶OPENID(應(yīng)用下的唯一標(biāo)識),反之拋出異常信息提示用戶。

建立OAuth表,用于儲存用戶的授權(quán)信息。

建立一張o_auths table 儲存用戶的授權(quán)信息,設(shè)計oauth_type字段使其成為一個多態(tài)模型,方便接入以后的微博、支付寶、QQ接入等等。

Schema::create('o_auths', function (Blueprint $table) {
  $table->increments('id');
  $table->unsignedInteger('user_id')->index()->comment('用戶ID');
  $table->morphs('o_auth');
  $table->json('data')->nullable()->comment('授權(quán)信息');
  $table->timestamps();
});

完善用戶授權(quán)綁定

建立好o_auths table,下面開始完善用戶授權(quán)綁定的邏輯:

function wechat(User $user, $code)
{
  $utils = new WechatAppUtils;

  //獲取微信token
  $accessTokens = $utils->accessToken($code);
  throw_if(!Arr::has($accessTokens, ['unionid', 'openid']), Exception::class, '授權(quán)失敗,請稍后再試!');

  //建立oauth關(guān)聯(lián)
  $oAuth = OAuth::firstOrNew(['oauth_type' => 'wechat', 'oauth_id' => $accessTokens['openid']]);
  throw_if(isset($oAuth->id),Exception::class,'該微信已綁定,請直接登錄!');
  $oAuth->user_id = $user->id;
  $oAuth->data  = Arr::only($accessTokens, ['openid', 'refresh_token']);
  $oAuth->save();

  return $oAuth;
}

首先會通過客戶端傳遞過來的Code獲取當(dāng)前用戶授權(quán),然后查詢該用戶是否已授權(quán)過,已授權(quán)過就提醒用戶直接去登錄,否則綁定授權(quán)信息,返回給客戶端。

完善微信登錄

完善好用戶授權(quán)后,登錄就顯得非常容易了,只需要簡單查詢授權(quán)記錄,存在則返回對應(yīng)綁定的用戶,否則拋出異常信息提示用戶。

public function signIn($user, $code)
{
  $utils = new WechatAppUtils;
  //獲取微信token
  $accessTokens = $utils->accessToken($code);
  throw_if(!Arr::has($accessTokens, ['unionid', 'openid']), Exception::class, '授權(quán)失敗,請稍后再試!');
  $oauth = $this->getUserOauth($user, 'wechat');
  throw_if(is_null($oauth), UserException::class, '授權(quán)失敗,該賬戶未綁定!');

  return $oauth;
}

public function getUserOauth(User $user, $oAuthType)
{
  return OAuth::where(['oauth_type' => $oAuthType, 'user_id' => $user->id])->first();
}

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: