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

(一)、申请微信开放平台

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

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

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

微信移动应用开发文档: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代码实现:

<?phpnamespace 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

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

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

如果用户想使用微信登录,首先会通过客户端唤起微信,请求登录第三方应用,然后微信会询问用户是否成功授权给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();}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。