Laravel5.1 实现第三方登录认证教程之 – 微信登录

Laravel5.1 实现第三方登录认证教程之 – 微信登录

https://laravel-china.org/topics/2451/laravel51-implementation-of-the-third-party-login-authentication-tutorial-wechat-login

前言

近期开发了 PHPHub 的网站应用微信登录,因此编写此文记录开发的过程,希望能帮助到有同样需求的同学。

文章概览

  1. 准备工作;
  2. 集成 Package;
  3. 代码调用。

接下来是详细解说。

准备工作

首先到微信开放平台申请相关的 网站应用,用以获取接口所需的 AppID 和 AppSecret。

一般来说需要花费 3 – 5 个工作日。

file

集成 Package

我们使用 laravel/socialite 扩展包来进行 OAuth 认证,它提供了完整且上手毫无难度的 OAuth 解决方案。

在此基础上使用其 Driver 扩展 socialiteProviders/weixin 来完成微信的 OAuth 认证流程。

1. 安装 laravel/socialite

如果你已经安装过此 Package,则可以跳过此步骤。

1). 直接运行以下命令安装扩展包

composer require laravel/socialite

2). 在你的 config/app.php 文件中添加以下配置信息

'providers' => [
    ...
    // 注意:下文中要集成 Socialite Driver 扩展,因此将会删除此行配置。
    Laravel\Socialite\SocialiteServiceProvider::class,
],

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

2. 安装 socialiteProviders/weixin

1). 直接运行以下命令安装扩展包

composer require socialiteproviders/weixin

2). 在你的 config/app.php 文件中添加以下配置信息

'providers' => [
    ...
    # 注意:如果你之前已经安装了 laravel/socialite,则务必删除掉下面的配置
    // 删除这行配置 Laravel\Socialite\SocialiteServiceProvider::class,

    # 新增配置
     \SocialiteProviders\Manager\ServiceProvider::class,
],

3). 在你的 app/Providers/EventServiceProvider.php 文件中添加以下事件处理器

protected $listen = [
    \SocialiteProviders\Manager\SocialiteWasCalled::class => [
        'SocialiteProviders\Weixin\WeixinExtendSocialite@handle',
    ],
];

3. 添加配置

1). 在你的 .env 文件中添加以下配置

WEIXIN_KEY=你的AppID
WEIXIN_SECRET=你的AppSecret
WEIXIN_REDIRECT_URI=你的回调地址

# 例如
WEIXIN_KEY=wxba52fab0726b9023
WEIXIN_SECRET=xxxxxxxxxxxxxxxxxx
WEIXIN_REDIRECT_URI=https://laravel-china.org/auth/callback?driver=wechat

2). 在你的 config/services.php 文件中添加以下配置

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

   # 这一行配置非常重要,必须要写成这个地址。
   'auth_base_uri' => 'https://open.weixin.qq.com/connect/qrconnect',
],

至此,安装全部完成。

代码调用

准备工作都完成以后,现在就到了接口对接阶段。

1). 添加路由

# 用户点击登录按钮时请求的地址
Route::get('/auth/oauth', 'Auth\AuthController@oauth');

# 微信接口回调地址
Route::get('/auth/callback', 'Auth\AuthController@callback');

2). 在你的 app/Http/Controllers/Auth/AuthController.php 文件里添加以下方法

# 用户点击微信登录按钮后,调用此方法请求微信接口
public function oauth(Request $request)
{
    return \Socialite::with('weixin')->redirect();
}

# 微信的回调地址
public function callback(Request $request)
{
    $oauthUser = \Socialite::with('weixin')->user();

    // 在这里可以获取到用户在微信的资料
    dd($oauthUser);

    // 接下来处理相关的业务逻辑

    ...

}

 

下图是打印 oauthUser 的结果,供大家参考

file

至此,已经能获取到用户的微信资料了,接下来你们就可以根据此数据处理自己的相关业务逻辑了。

在这里值得一提的是,我们通过微信的 unionid 来记录用户的信息,而不是 openid。因为针对一个微信开放平台帐号下的应用,同一用户的 unionid 是相同的,这样方便我们以后做多站点的用户数据统一。

附录

网站应用微信登录开发指南

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/113045.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 对asterisk的一些研究

    对asterisk的一些研究

    2021年5月7日
    170
  • fedora14下载_无法获取url

    fedora14下载_无法获取url备忘:http://mirrors.163.com/fedora/releases/12/Fedora/i386/iso/

    2022年9月20日
    0
  • python使用matplotlib绘图 — barChart

    python使用matplotlib绘图 — barChartmatplotlib是python最著名的绘图库,它提供了一整套和matlab相似的命令API,十分适合交互式地进行制图。而且也可以方便地将它作为绘图控件,嵌入GUI应用程序中。它的文档相当完备,并且

    2022年7月6日
    19
  • PyCharm 软件 离线 安装 插件「建议收藏」

    PyCharm 软件 离线 安装 插件「建议收藏」代理配置:https://blog.csdn.net/github_35160620/article/details/53209324 插件离线下载地址:http://plugins.jetbrains.com/ 2.下载插件安装插件1、下载插件:2、安装插件:settings->plugins->installpluginfromd…

    2022年8月28日
    3
  • macpro录屏快捷键_mac屏幕录制设置

    macpro录屏快捷键_mac屏幕录制设置在视频内容越来越丰富的今天,录屏是我们经常会用到的一个功能,不管是录制一些无法下载的视频还是录制屏幕制作自己的视频,都需要用到录屏功能,本文中我们来推荐几款好用的Mac录屏软件Mac系统自带的录屏工具虽然我们可能天天都在使用Mac系统,但是可能很多人都不知道,其实Mac已经自带了一个好用的截图和录屏工具,你可以随时使用Command+Shift+5快捷键调出Mac自带的录屏功…

    2022年9月25日
    0
  • java怎么导入项目?java已有项目如何导入eclipse?

    java怎么导入项目?java已有项目如何导入eclipse?java开发的小伙伴肯定有需要将别人的项目导入到自己电脑上的情况,那么应该如何操作呢?这里就以Java开发经常用到的eclipse软件为例,为大家介绍一下导入已有Java项目的方式。方法步骤1.首先我们打开eclipse软件,在里面我们找到左上角的file,点击展开之后选择里面的import选项,如图所示。2.我们在打开的窗口中找到general选项,展开之后找到【ExistingProjectsintoWorkspace】,之后点击next进入到下一步页面。3.之后会看到一个新的窗口,在

    2022年7月8日
    15

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号