文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

PHP实现微信扫码登录功能的两种方式总结

2024-04-02 19:55

关注

官方文档

微信扫码登录目前有两种方式:

1:在微信作用域执行 ,就是条一个新页面

前端点击一个按钮,请求后端接口条微信作用域

后端php代码如下:

$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; //返回页面

最终跳转页面如下:

2:内嵌js,在当前页面显示登录二维码

第一种操作实现起来比较简单,但是个人感觉用户体验稍微差一点。

最好还是在当前页面就是显示微信登录的二维码,直接扫描就好。

微信也为我们提供了这种方式。

(1):引入js

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

(2):html部分

<div id="wx_login_container"></div>

(3):js示例

<script>
 
$(document).ready(function()
{
    var obj = new WxLogin({
        self_redirect: true,
        id:"wx_login_container",
        appid: "appid",
        scope: "snsapi_login",
        redirect_uri: "回调地址",//这里的回调地址可以写后端的接口,也可以写前端的页面地址,我这里写的是前端的页面地址
        state: "",
        style: "black",
        href: "", //https://某个域名下的css文件
     });
});
// 将方法挂载到window主链上
        // 从iframe中获取到回调函数中获取的微信返回的code
        window.jumpTop = function(code){
            console.log(code);
            var data = {
                code: code
            };
            console.log(data);
            self.axios
                .post("/index.php/xxx/wxlogin_notice", data)
                .then(result => {
                    if(result.data.code > 0)
                    {
                        Message.success(result.data.msg);
                        if(result.data.type == 0)
                        {// 跳学生首页
                            self.$router.push("/manager/student/reportList");
                        }
                        else if(result.data.type == 1 || result.data.type == 9)
                        {// 跳选择身份页
                            self.$router.push("/manager/teacher/index");
                        }
                    }
                })
                .catch(err => {});/
    public function wxlogin_notice(Request $request)
    {
        $code = $request->input("code");
        if (!empty($code)) 
        {
            $jsonResult = '';
            if($jsonResult == '')
            {
                //通过code获得 access_token + openid
                $url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=" . $this->appid . "&secret=" . $this->appsecret . "&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);
            // 没有unionid ,跳官网
            if (!isset($infoArray['unionid'])) 
            {
                // echo "<script >alert('登录失败,用户信息错误!')</script>";die;
                $result['code'] = -1;
                $result['msg'] = '登录失败,用户信息错误!';
                return $result;
            }
            // 获取unionid
            $unionid = $infoArray['unionid'];
            $userinfo = DB::table('user')->where('unionid', $unionid)->first();
            $userinfObj = json_decode(json_encode($userinfo), true);
            if ($userinfo) 
            {
                // 存session
                $request->session()->put('userinfo', $userinfObj);
 
                // $session = $this->getSession($request);
                // var_dump($session);die;
 
                // 教师跳页
                if (($userinfo->type == 9) || ($userinfo->type == 1 && $userinfo->islogin == 9)) 
                {
                    // echo "<script> top.location.href='https://www.xxxx.net/'; </script>";die;
                    $result['code'] = 1;
                    $result['msg'] = '登录成功';
                    $result['type'] = $userinfo->type;
                    return $result;
                } 
                else if ($userinfo->type == 1 && $userinfo->islogin >= 3) 
                { // 学生跳页
                    // echo "<script> top.location.href='https://www.xxxx.net/'; </script>";die;
                    $result['code'] = 2;
                    $result['msg'] = '登录成功';
                    $result['type'] = $userinfo->type;
                    return $result;
                }
                else if($userinfo->type == 0)
                {
                    // echo "<script> top.location.href='https://www.xxxx.net/'; </script>";die;
                    $result['code'] = 3;
                    $result['msg'] = '登录成功';
                    $result['type'] = $userinfo->type;
                    return $result;
                }
                else 
                { // 无效用户跳至官网
                    // echo "<script> top.location.href='https://www.xxxx.net'; </script>";die;
                    $result['code'] =-2;
                    $result['msg'] = '用户身份有误!';
                    return $result;
                }
            } 
            else 
            {
                // echo "<script >alert('登录失败,用户信息错误~')</script>";die;
                $result['code'] = -3;
                $result['msg'] = '用户身份有误!';
                return $result;
            }
        } 
        else 
        {
            // echo "<script >alert('登录失败,请重试!')</script>";die;
            $result['code'] = -4;
            $result['msg'] = '登录失败,请重试!';
            return $result;
        }
    }

到此这篇关于PHP实现微信扫码登录功能的两种方式总结的文章就介绍到这了,更多相关PHP微信扫码登录内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯