+ -

php怎么实现微信扫码登录

时间:2021-09-30

来源:互联网

在手机上看
手机扫描阅读

今天PHP爱好者给大家带来php实现微信扫码登录的方法:1、通过js实例化一个对象;2、在html中定义一个p并包含二维码;3、在$(document).ready()内进行实例化即可。

本文操作环境:windows10系统、php 7、thinkpad t480电脑。

微信已经成为我们日常生活中必不可少的一部分,为了让更多的用户更加方便地使用微信及相关产品,微信扫一扫功能越来越普遍。那么如果我们要自己实现这个功能该如何做呢?

再给出具体的实现代码之前,我们先来分析下微信扫码登录的流程。

首先我们必须要把二维码放在页面上显示出来,二维码是有失效时间以及失效状态的,一旦你扫过一次二维码或者在某段时间内没有扫描页面上的二维码,那么这个二维码也就失效了。微信官网给我们提供了两种方式来显示二维码,一种是后台发请求返回一个新的页面,另一种是前端js实例化二维码内嵌在自己的页面上。很显然第一种方式比较简单方便,但是在实际的项目中两种方式都会使用到,既然如此我们就把这两种方式都说明一下。

1、后台发请求获取微信返回的扫码页面

$redirect_uri="http://你的微信开放平台绑定域名下处理扫码事件的方法";
$redirect_uri=urlencode($redirect_uri);//该回调需要url编码
$appID="你的appid";
$scope="snsapi_login";//写死,微信暂时只支持这个值
//准备向微信发请求
$url = "https://open.weixin.qq.com/connect/qrconnect?appid=" . $appID."&redirect_uri=".$redirect_uri."&response_type=code&scope=".$scope."&state=STATE#wechat_redirect";
//请求返回的结果(实际上是个html的字符串)
$result = file_get_contents($url);
//替换图片的src才能显示二维码
$result = str_replace("/connect/qrcode/", "https://open.weixin.qq.com/connect/qrcode/", $result);
return $result; //返回页面

这样子就会返回一个这样的页面,扫描后调用$redirect_uri

da6c1c1e556dde4df850c8d04c1f556.png

2、内嵌JS显示:

这里就是通过js端实例化一个对象即可,首先在<head>标签内添加如下js文件,

<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>

其次在html中定义一个p包含二维码,

<p id="login_container"></p>

最后在$(document).ready()内进行实例化: 

$(document).ready(function()
{
   var obj = new WxLogin
   ({
       id:"login_container",//p的id
       appid: "你的appid",
       scope: "snsapi_login",//写死
       redirect_uri:encodeURI("你的处理扫码事件的方法") ,
       state: "",
       style: "black",//二维码黑白风格        
       href: "https://某个域名下的css文件"
   });
});

注意其中href里指向的css文件必须放在https协议下才能引用的到,不然页面上就是默认样式(显示上是一个比较大的二维码,你无法调节二维码的大小,位置,太痛苦了)。最后部分页面大概长成这样,这里的二维码大概只有140px:

506b24882f9692bf80fb87e653e9421.png

好了,二维码出现在页面上了,接下来我们就要大概的讲讲扫码的逻辑了,整个流程大概分为5步:

5600c4fb5c927be8d3ff7166b022591.png

走完这五步你就拿到扫码用户的所有信息了,之后再写上自己需要的的代码逻辑即可(如重定向或者登陆),在代码里的表现形式如下:

//回调
public function codeinfo()
{
       $code = $_GET["code"];
       $appid = "你的appid";
       $secret = "你的secret";
       if (!empty($code))  //有code
       {
           //通过code获得 access_token + openid
          $url="https://api.weixin.qq.com/sns/oauth2/access_token?appid=" . $appid
           . "&secret=" . $secret . "&code=" . $code . "&grant_type=authorization_code";
           $jsonResult = file_get_contents($url);
           $resultArray = json_decode($jsonResult, true);
           $access_token = $resultArray["access_token"];
           $openid = $resultArray["openid"];

           //通过access_token + openid 获得用户所有信息,结果全部存储在$infoArray里,后面再写自己的代码逻辑
           $infoUrl = "https://api.weixin.qq.com/sns/userinfo?access_token=" . $access_token . "&openid=" . $openid;
           $infoResult = file_get_contents($infoUrl);
           $infoArray = json_decode($infoResult, true);
     } }

相信大家在写完上面的代码之后已经对扫一扫登录的流程很清楚了,其实本质上就是多个微信接口的配合调用而已。

以上就是php怎么实现微信扫码登录的详细内容,更多请关注php爱好者其它相关文章!

相关阅读 更多