Laravel 集成微信用户登录和绑定的实现


Posted in PHP onDecember 27, 2019

最近主要在忙活微信与支付宝平台的对接与开发,本篇就基于后端层面来讲述一下微信的登录与绑定实现。

(一)申请微信开放平台

最首先的话就是需要去微信开发中心https://open.weixin.qq.com,创建一个账号,然后创建自己的移动或网站应用。

Laravel 集成微信用户登录和绑定的实现

创建完成后,就会需要腾讯的审核,整个过程在1-3天,基本上1天左右就能完成,审核通过如下图所示。

Laravel 集成微信用户登录和绑定的实现

(二) 、封装微信相关接口

微信移动应用开发文档:https://developers.weixin.qq.com/doc/oplatform/Mobile_App/WeChat_Login/Authorized_API_call_UnionID.html

审核通过后,就需要来封装微信授权、可信息获取的接口。

封装微信授权 && 用户信息获取

微信授权接口:https://api.weixin.qq.com/sns/oauth2

需要填写的参数如下:

参数 是否必须 说明
appid 应用唯一标识,在微信开放平台提交应用审核通过后获得
secret 应用密钥 AppSecret,在微信开放平台提交应用审核通过后获得
code 填写第一步获取的 code 参数
grant_type 填 authorization_code

下面通过我们的PHP代码实现:

<?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'),  //应用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方法主要是实现用户授权,效验的code参数是客户端传递过来的,当成功获取收钱用户的授权信息后,可以根据用户的OPENID来调用userInfo方法查询相关用户的信息,包含了用户的昵称、头像、性别等等。

具体客户端开发文档可以参考这篇:https://developers.weixin.qq.com/doc/oplatform/Mobile_App/WeChat_Login/Development_Guide.html。

上面的用到的Http Client是一个第三方拓展包,叫做GuzzleHttp,是一个PHP HTTP客户端,可以轻松发送HTTP请求,并且可以轻松集成Web服务。

我们可以通过composer一键安装:

composer require guzzlehttp/guzzle

(三)、完善用户微信授权登录

完成上述的封装操作后,我们便开始讲微信接入到我们自己的系统中与用户进行关联起来,下面是微信接入的一张时序图。

Laravel 集成微信用户登录和绑定的实现

如果用户想使用微信登录,首先会通过客户端唤起微信,请求登录第三方应用,然后微信会询问用户是否成功授权给XX应用,授权成功后,客户端会得到一个授权码:code,然后客户端携带code请求我们的客户端API,进行授权绑定,授权成功后,会得到授权用户OPENID(应用下的唯一标识),反之抛出异常信息提示用户。

建立OAuth表,用于储存用户的授权信息。

建立一张o_auths table 储存用户的授权信息,设计oauth_type字段使其成为一个多态模型,方便接入以后的微博、支付宝、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('授权信息');
  $table->timestamps();
});

完善用户授权绑定

建立好o_auths table,下面开始完善用户授权绑定的逻辑:

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

  //获取微信token
  $accessTokens = $utils->accessToken($code);
  throw_if(!Arr::has($accessTokens, ['unionid', 'openid']), Exception::class, '授权失败,请稍后再试!');

  //建立oauth关联
  $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获取当前用户授权,然后查询该用户是否已授权过,已授权过就提醒用户直接去登录,否则绑定授权信息,返回给客户端。

完善微信登录

完善好用户授权后,登录就显得非常容易了,只需要简单查询授权记录,存在则返回对应绑定的用户,否则抛出异常信息提示用户。

public function signIn($user, $code)
{
  $utils = new WechatAppUtils;
  //获取微信token
  $accessTokens = $utils->accessToken($code);
  throw_if(!Arr::has($accessTokens, ['unionid', 'openid']), Exception::class, '授权失败,请稍后再试!');
  $oauth = $this->getUserOauth($user, 'wechat');
  throw_if(is_null($oauth), UserException::class, '授权失败,该账户未绑定!');

  return $oauth;
}

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
php面向对象全攻略 (十七) 自动加载类
Sep 30 PHP
php HtmlReplace输入过滤安全函数
Jul 03 PHP
windows下开发并编译PHP扩展的方法
Mar 18 PHP
ThinkPHP的Widget扩展实例
Jun 19 PHP
php上传文件常见问题总结
Feb 03 PHP
php将12小时制转换成24小时制的方法
Mar 31 PHP
求帮忙修改个php curl模拟post请求内容后并下载文件的解决思路
Sep 20 PHP
php通过文件头判断格式的方法
May 28 PHP
PHP正则表达式匹配替换与分割功能实例浅析
Feb 04 PHP
PHP时间处理类操作示例
Sep 05 PHP
PHP从尾到头打印链表实例讲解
Sep 27 PHP
PHP利用递归函数实现无限级分类的方法
Mar 22 PHP
PHP单元测试配置与使用方法详解
Dec 27 #PHP
PHP全局使用Laravel辅助函数dd
Dec 26 #PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
Dec 25 #PHP
PHP高并发和大流量解决方案整理
Dec 24 #PHP
thinkphp5实现微信扫码支付
Dec 23 #PHP
PHP实现笛卡尔积算法的实例讲解
Dec 22 #PHP
PHP架构及原理知识点详解
Dec 22 #PHP
You might like
php语言注释,单行注释和多行注释
2018/01/21 PHP
索趣科技的答案
2007/02/07 Javascript
WordPress 插件——CoolCode使用方法与下载
2007/07/02 Javascript
关于javascript document.createDocumentFragment()
2009/04/04 Javascript
对字符串进行HTML编码和解码的JavaScript函数
2010/02/01 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
2013/05/07 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
2013/11/19 Javascript
自己动手手写jQuery插件总结
2015/01/20 Javascript
javascript如何操作HTML下拉列表标签
2015/08/20 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
不想让浏览器运行javascript脚本的方法
2015/11/20 Javascript
详解AngularJS控制器的使用
2016/03/09 Javascript
Bootstrap每天必学之滚动监听
2016/03/16 Javascript
jQuery简单实现title提示效果示例
2016/08/01 Javascript
使用Vue.js创建一个时间跟踪的单页应用
2016/11/28 Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
2016/12/26 Javascript
JS图片压缩(pc端和移动端都适用)
2017/01/12 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
微信小程序使用image组件显示图片的方法【附源码下载】
2017/12/08 Javascript
详解vue 项目白屏解决方案
2018/10/31 Javascript
Vue computed 计算属性代码实例
2020/04/22 Javascript
[34:39]Secret vs VG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
python 正则式 概述及常用字符
2009/05/07 Python
python Django模板的使用方法(图文)
2013/11/04 Python
python opencv判断图像是否为空的实例
2019/01/26 Python
Python中顺序表原理与实现方法详解
2019/12/03 Python
python中的时区问题
2021/01/14 Python
New delete 与malloc free 的联系与区别
2013/02/04 面试题
介绍一下JMS编程步骤
2015/09/22 面试题
音乐器材管理制度
2014/01/31 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
《烈火英雄》观后感:致敬和平时代的英雄
2019/11/11 职场文书
原生JS中应该禁止出现的写法
2021/05/05 Javascript
windows11怎么查看wifi密码? win11查看wifi密码的技巧
2021/11/21 数码科技
VUE之图片Base64编码使用ElementUI组件上传
2022/04/09 Vue.js
Python代码实现双链表
2022/05/25 Python