laravel 接入微信扫码登录

1.先查看官方文档

  1. 在登录页面logo.blade.php中引入如下:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<body>
<span id="login_container" style="margin: 0 auto;display: block;text-align:center; width: 100%;"></span>
<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script>
    var obj = new WxLogin({
        id: "login_container",
        appid: "{{ $wxcode['appid'] }}",
        scope: "{{ $wxcode['agentid'] }}",
        redirect_uri: "{{ $wxcode['url'] }}",
        state:"{{ $wxcode['state'] }}",
        style: "black",
        href: ""
    });
</script>
</body>
</html>

  • 控制器LoginController内容:
  • public function indexs(Request $request)
        {
    
            $appid = '';  //微信签名
            $agentid = 'snsapi_login';
            //$url = urlencode(url('login/callback'));
            $url = urlencode("http://www.051996111.com/login/callback");
            //生成唯一随机串防CSRF攻击
            $state  = bcrypt(uniqid(mt_rand(), TRUE));
          
            Cache::put('state',$state,60);    //这里使用laravel框架自带缓存,因为涉及跨域问题session失效
    
            $WwLogin = ['appid'=>$appid,'agentid'=>$agentid,'url'=>$url,'state'=>$state];
            $assign = [
                  'wxcode'=>$WwLogin
            ];
    
            return view('home.login.login',$assign);
        }
    
  • 回调控制器内容如下:
  • public function callback(Request $request)
        {
    
            $reurl = Cache::get('reurl');
    
            $urls = empty($reurl) ?'/personal/index':$reurl;
    
    
             $code = $request->input('code');
    
             $state = $request->input('state');
    
             $states =Cache::get('state');
    
           if (!isset($states)) {
               return back()->withErrors('验证失败!');
            }
    
            //验证CSRF攻击
            if($state != $states){
    
                return back()->withErrors('黑客攻击!');
    
            }
    
            $appid = '';
    
            $secret = '';
    
            //通过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);
    
            $res = User::where(['openid'=>$infoArray['openid']])->first();
    
            if(isset($res->openid)){
                 $request->session()->put('openid',$res->openid);
                 $request->session()->put('username',$res->username);
                 $request->session()->put('user_id',$res->id);
                 if(!UserRoles::where(['user_id'=>$res->id,'role_id'=>1])->count()>0){
                     $roles=['user_id'=>$res->id,'role_id'=>1];
                     UserRoles::create($roles);
                 }
                 //查询用户的角色 这里涉及用户选角色登录问题
                if( UserRoles::where(['user_id'=>$res->id])->count()==1){
                    return redirect('personal/index');
                }
                else{
                    $role = UserRoles::where(['user_id'=>$res->id])->get();
                    return view('home.login.role',compact('role','urls'));
                }
            }
    
            $datas = [
                'username'=>$infoArray['nickname'],
                'password'=>bcrypt('11111'),
                'openid'=>$infoArray['openid'],
                'unionid'=>$infoArray['unionid'],
                'role_id'=>1,
                'cover'=>$infoArray['headimgurl'],
                'gender'=>$infoArray['sex'],
                'created_at' => now(),
                'updated_at' =>now()
            ];
    
            $result = User::insertGetId($datas);
    
            if($result){
                $request->session()->put('openid',$infoArray['openid']);
                $request->session()->put('username',$infoArray['nickname']);
                $request->session()->put('user_id',$result);
                //给用户添加角色默认学生家长
                $roles=['user_id'=>$result,'role_id'=>1];
                UserRoles::create($roles);
                //查询用户的角色
                $role = UserRoles::where(['user_id'=>$result])->get();
    
                return view('home.login.role',compact('role','urls'));
            }
    
            return back()->withErrors('数据错误');
        }
    
    
  • 15
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
课程概述: 本课程是一个小型的vue周边技术+以php为基础的+微信接口开发的小型项目。本项目以微信扫码关注公众号实现网站自动登陆这一功能为载体,将会讲解如下主要核心知识点:前端你将学习到: 一、vue-cli4进行前端项目的创建 二、如何使用vuex进行登陆信息的管理与同步 三、如何使用axios进行接口请求的封装与拦截 四、在脚手架里使用Element-UI 五、学习组件化编程的思想 六、如何解决接口前后端分离引起的跨域问题以及在跨域下使用cookie凭证进行会话维护 后端你讲学习到: 一、如何申请微信公众号测试账号,如何进行相关参数的配置,如何进行微信相关接口的开发 二、如何使用微信接口开发,如获取临时二维码,获取用户基础信息,监听公众号关注以及扫描事件 三、如何使用redis对数据进行缓存 四、如何使用php原生代码进行接口的开发 五、如何使用laralvel 7.x 框架进行接口的开发 六、学习到laravel 中核心概念的使用方法,如什么是依赖注入,如何使用服务容器解决依赖注入、服务提供者、中间件的使用,如何处理请求数据,如何进行用户认证,以及如何使用Eloquent ORM进行数据库操作 七、开发过程中遇到的问题,如何进行排查 八、git远端仓库的建立与配置,如何在配置多仓库下的公钥,服务器端部署公钥的配置,如何进行代码部署,本地与服务器代码的开发实时同步 九、如何使用composer帮助我们进行第三方依赖包的安装 本课程的设计思路随笔: 从业务层面上来讲,扫码关注公众号,实现网站端自动登陆是一个非常实用的功能,可以为微信公众号引流。 技术层面上来说,使用前后端分离进行制作,可以将前端以及后端的知识都涵盖到。对于前端的路由,信息维护,脚手架的搭建,ui组件的使用,接口的请求与封装都能够讲解到。 对于后端,本课程对php原生代码以及工作中使用频率比较高的同时也很优雅的laravel框架都会进行讲解,分别予以代码的实现。让同学们能够看到原生开发与框架开发的区别,原生开发使得基础比较弱的同学能够慢慢上手,也知道此功能实现的核心要点,在进行原生代码开发后,再进行框架开发,会有个循序渐进的过程,同时在框架里面我们会降到主流框架都会用到的一些核心思想,比如依赖注入,服务容器,中间件等等,同时对于想学习laravel框架的同学,学习过这个案例后,再去看文档就知道该如何去看,如何去学了。 对于整个代码的管理与部署,我们也会引入git仓库进行项目代码管理,如何在服务器进行网站环境的搭建与代码部署等等实用技巧。 相信本课程会给大家带来十足的收获,大家加油。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值