背景

最近手頭一個(gè)項(xiàng)目需要實(shí)現(xiàn)用戶在網(wǎng)站的第三方登錄(微信和微博)，后端框架laravel5.4。

實(shí)現(xiàn)過程以微信網(wǎng)頁版第三方登錄，其他于此類似，在此不做重復(fù)。

準(zhǔn)備工作

網(wǎng)站應(yīng)用微信登錄是基于OAuth2.0協(xié)議標(biāo)準(zhǔn)構(gòu)建的微信OAuth2.0授權(quán)登錄系統(tǒng)。
在進(jìn)行微信OAuth2.在進(jìn)行微信OAuth2.0授權(quán)登錄接入之前，在微信開放平臺注冊開發(fā)者帳號，并擁有一個(gè)已審核通過的網(wǎng)站應(yīng)用，并獲得相應(yīng)的AppID和AppSecret，申請微信登錄且通過審核后，可開始接入流程。

總結(jié)下來就是：

1.進(jìn)入微信開放平臺注冊開發(fā)者賬號
2.根據(jù)項(xiàng)目類型創(chuàng)建應(yīng)用，再此我創(chuàng)建的是網(wǎng)站應(yīng)用.
3.接入微信登陸功能，讓用戶可使用微信登錄你的網(wǎng)站應(yīng)用
4.獲得AppID和AppSectet

到此微信第三方登錄的準(zhǔn)備工作就完成了。

授權(quán)流程說明

1. 第三方發(fā)起微信授權(quán)登錄請求，微信用戶允許授權(quán)第三方應(yīng)用后，微信會拉起應(yīng)用或重定向到第三方網(wǎng)站，并且?guī)鲜跈?quán)臨時(shí)票據(jù)code參數(shù)；
2. 通過code參數(shù)加上AppID和AppSecret等，通過API換取access_token；
3. 通過access_token進(jìn)行接口調(diào)用，獲取用戶基本數(shù)據(jù)資源或幫助用戶實(shí)現(xiàn)基本操作。

在框架中實(shí)現(xiàn)(laravel)

Laravel Socialite簡介

除了傳統(tǒng)的基于表單的登錄認(rèn)證外，Laravel 還可以通過Laravel Socialite 提供 OAuth 認(rèn)證，目前支持的認(rèn)證驅(qū)動包括 Facebook、Twitter、Google、LinkedIn、GitHub 和 Bitbucket。

安裝相關(guān)依賴

composer require laravel/socialite


安裝weixin-web

composer require socialiteproviders/weixin-web

注意網(wǎng)站實(shí)現(xiàn)微信登錄需要的依賴包為socialiteproviders/weixin-web，如果是手機(jī)端App那么可以用socialiteproviders/weixin。

shanlei@shanlei-Lenovo-ideapad-110-15ISK:/var/www/html/zslm_back$ composer search socialiteproviders/weixin
socialiteproviders/weixin Weixin OAuth2 Provider for Laravel Socialite
socialiteproviders/weixin-web Weixin-Web OAuth2 Provider for Laravel Socialite
socialiteproviders/weixin-web Weixin-Web OAuth2 Provider for Laravel Socialite
socialiteproviders/weixin Weixin OAuth2 Provider for Laravel Socialite

相關(guān)配置

1. 設(shè)置app/config.php

添加providers：

'providers' => [
SocialiteProviders\Manager\ServiceProvider::class,
],

添加aliases：

'aliases' => [ 
 'Socialite' => Laravel\Socialite\Facades\Socialite::class, 
],

２. 配置config/services.php

 'weixinweb' => [
 'client_id' => env('WEIXIN_KEY'),
 'client_secret' => env('WEIXIN_SECRET'),
 'redirect' => env('WEIXIN_REDIRECT_URI'),
 ],

3. 設(shè)置app/Providers/EventServiceProvider.php

添加事件監(jiān)聽

use SocialiteProviders\Manager\SocialiteWasCalled;
 protected $listen = [
 'SocialiteProviders\Manager\SocialiteWasCalled' => [
  'SocialiteProviders\WeixinWeb\WeixinWebExtendSocialite@handle',
 ],
 ];

４. 添加路由

Route::get('auth/weixin', 'Auto\ThirdLogin\WeixinController@redirectToProvider');
Route::get('auth/weixin/callback','Auto\ThirdLogin\WeixinController@handleProviderCallback');

5. 編寫WeixinController

?php
/**
 * Created by PhpStorm.
 * User: shanlei
 * Date: 1/6/2017
 * Time: 11:34 AM
 */

namespace App\Http\Controllers\Auto\ThirdLogin;

use Socialite;
use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
use SocialiteProviders\WeixinWeb\Provider;

class WeixinController extends Controller{
 public function redirectToProvider(Request $request)
 { 
 return Socialite::with('weixinweb')->redirect();
 }
 public function handleProviderCallback(Request $request)
 {
 $user_data = Socialite::with('weixinweb')->stateless()->user();
 dd($user_data);
 }
}

訪問auth/weixin，獲得返回?cái)?shù)據(jù)。

常見錯(cuò)誤

１. 微信授權(quán)回調(diào)域不符(redirect_uri不符)，參見下面規(guī)范：​

2. 執(zhí)行過程中出現(xiàn)一下錯(cuò)誤：

exception 'Laravel\Socialite\Two\InvalidStateException'
in /example/vendor/laravel/socialite/src/Two/AbstractProvider.php:161

解決：

通過stateless()方法禁止會話狀態(tài)驗(yàn)證

Socialite::driver('weixinweb')->stateless()->user()

總結(jié)

以上所述是小編給大家介紹的laravel5實(shí)現(xiàn)微信第三方登錄功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！