laravel+easywechat微信扫码登录网站

最新推荐文章于 2024-04-23 13:47:57 发布
最新推荐文章于 2024-04-23 13:47:57 发布
阅读量1w 收藏 11
点赞数 5
分类专栏： 网站开发 微信扫码登录 文章标签： easywechat laravel 开放平台 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/illusion_you/article/details/77881222
版权

微信扫码登录原理图：



1、首先要在微信开放平台上面申请网站应用，必须审核通过后获取到appid和appsecret(注意开放平台与公众平台上的appid和appsecret是不一样的),微信登录二维码生成方式如下；

<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<div id="qrCode">

</div>
<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script>
    window.οnlοad=function(){

        var obj = new WxLogin({
            id: "qrCode",
            appid: "",
            scope: "snsapi_login",
            redirect_uri: "",
            href: '',
            state: "<?php echo time(); ?>"
        });
    }


</script>
</body>
</html>


2、在你需要微信登录的页面里面引入<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>，然后在需要微信登录的地址实例化以下js代码；

 var obj = new WxLogin({

                              id:"放置二维码的地方容器id", 

                              appid: "开放平台上审核通过的网站应用appid", 

                              scope: "", 

                              redirect_uri: "用户授权后跳转的地址",

                              state: "防止跨域",

                              style: "",

                              href: ""

                            });


3、在你设置的用户跳转地址对应的服务器端使用composer安装完easywechat（下载地址:https://easywechat.org/）后，引入并初始化开放平台信息，例如：appid和appsecret,代码如下：

https://open.weixin.qq.com/connect/qrconnect //微信端授权地址，该授权地址是浏览器端js轮询进行请求的

下面是回调地址里面对应的代码，也就是（2）中参数【redirect_uri: "用户授权后跳转的地址"】

use EasyWeChat\Foundation\Application;

$app = new Application([  
            'debug' => false,  
            'app_id' => env('WEIXINWEB_KEY'),  
            'secret' => env('WEIXINWEB_SECRET'),  
            'oauth' => [  
                'scopes'  =>['snsapi_login'],  
                'callback'  => env('WEIXINWEB_REDIRECT_URI'),  
            ]  
        ]);

$app->oauth->user()

$app->oauth->user()  //获取的是授权后的用户信息

上面代码后进行一些列逻辑处理之后，若授权成功，则跳转到你登录后的页面，反之，则不能

上述代码中的参数'callback' => env('WEIXINWEB_REDIRECT_URI'),该地址确定你是否在微信端扫码后是否进行了授权。

不明白的可以添加qq：2016835341




illusion_you
关注
  • 5
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue项目实战+PHP接口开发（微信扫码关注实现自动登陆）
03-09
课程概述： 本课程是一个小型的vue周边技术+以php为基础的+微信接口开发的小型项目。本项目以微信扫码关注公众号实现网站自动登陆这一功能为载体，将会讲解如下主要核心知识点：前端你将学习到： 一、vue-cli4进行前端项目的创建 二、如何使用vuex进行登陆信息的管理与同步 三、如何使用axios进行接口请求的封装与拦截 四、在脚手架里使用Element-UI 五、学习组件化编程的思想 六、如何解决接口前后端分离引起的跨域问题以及在跨域下使用cookie凭证进行会话维护 后端你讲学习到： 一、如何申请微信公众号测试账号，如何进行相关参数的配置，如何进行微信相关接口的开发 二、如何使用微信接口开发，如获取临时二维码，获取用户基础信息，监听公众号关注以及扫描事件 三、如何使用redis对数据进行缓存 四、如何使用php原生代码进行接口的开发 五、如何使用laralvel 7.x 框架进行接口的开发 六、学习到laravel 中核心概念的使用方法，如什么是依赖注入，如何使用服务容器解决依赖注入、服务提供者、中间件的使用，如何处理请求数据，如何进行用户认证，以及如何使用Eloquent ORM进行数据库操作 七、开发过程中遇到的问题，如何进行排查 八、git远端仓库的建立与配置，如何在配置多仓库下的公钥，服务器端部署公钥的配置，如何进行代码部署，本地与服务器代码的开发实时同步 九、如何使用composer帮助我们进行第三方依赖包的安装 本课程的设计思路随笔： 从业务层面上来讲，扫码关注公众号，实现网站端自动登陆是一个非常实用的功能，可以为微信公众号引流。 技术层面上来说，使用前后端分离进行制作，可以将前端以及后端的知识都涵盖到。对于前端的路由，信息维护，脚手架的搭建，ui组件的使用，接口的请求与封装都能够讲解到。 对于后端，本课程对php原生代码以及工作中使用频率比较高的同时也很优雅的laravel框架都会进行讲解，分别予以代码的实现。让同学们能够看到原生开发与框架开发的区别，原生开发使得基础比较弱的同学能够慢慢上手，也知道此功能实现的核心要点，在进行原生代码开发后，再进行框架开发，会有个循序渐进的过程，同时在框架里面我们会降到主流框架都会用到的一些核心思想，比如依赖注入，服务容器，中间件等等，同时对于想学习laravel框架的同学，学习过这个案例后，再去看文档就知道该如何去看，如何去学了。 对于整个代码的管理与部署，我们也会引入git仓库进行项目代码管理，如何在服务器进行网站环境的搭建与代码部署等等实用技巧。 相信本课程会给大家带来十足的收获，大家加油。
Laravel学习记录--微信开发(day3)
Sumshine12.5
02-06 1881
微信开发第三天，利用Laravel做一个小项目----微分销 三级分佣,无限裂变,利用社交媒体的巨大流量做产品分销,分裂出成千上万个分销商,扩大销售规模,这是微信三级分销的核心价值之所在。 微信三级分销 平台,去掉了传统之间,为生产商带来分销商， 使得生产商与消费者直接沟通,不仅降低生产商交易成本,而且为商家带来更多精准用户。 同时,三级分销还 为消费者提供成为分销商的机会,为消费者带来额外收入...
Laravel + Laravel-echo + EasyWeChat 实现微信扫码登录
weixin_33767813的博客
03-19 771
扫码登录成为一种日趋流行的登录方式，它具有较高的安全性，同时又使我们从记忆大量的账号密码并手动输入的繁琐流程中解脱出来，有些平台甚至无账号也能扫码登录，连注册的麻烦都省了。 对于接入微信开放平台的公众号应用来说，实现扫码登录是相当容易的，有 EasyWeChat SDK 加持，再按着官方的文档一把梭，很快就能完成。 然而本文所要讨论的是另一种情况，有时候出于某些原因，自己的公众号不能接入开放平台，...
laravel生成微信公众号带参数二维码并响应扫描带参数二维码
CocoaJerry的博客
04-01 2479
微信公众号后台ip白名单、网页接口域名之类的配置就不多说了，这里主要配置的是开发->基本配置->服务器配置（注：一旦启用改配置，公众号自动回复就会失效）： 1.服务器地址(URL)：这里要填写你的后台能够接收到用户事件消息的地址，以后会在这里处理扫描带参数二维码的事件 2.令牌(Token)：这里用于验证我们的服务器 3.EncodingAESKey：消息加密密钥 4.消息加密...
Laravel配合EasyWehcat，3分钟搞定扫码登陆
amazingdyd的博客
03-09 893
1.首先，你要去微信开放平台https://open.weixin.qq.com/，去申请一个网站应用，网站应用是单独的一个应用，和公众号是不同的！ 2.申请成功后，在网站应用这里，获取到APPID和SECRET，还要记住我们的回调域名，这里假设回调域名是http://abc.com，如图所示： 3.制作处理扫描二维码后的方法，获取用户信息，假设，下面所示的方法路径是http://abc.com/do_wxlogin public function doWxLogin(){
php-基于laravel框架实现微信公众号扫码关注登录
qq_57866091的博客
01-09 968
这是本人第一次写文章，比较生疏，后续还会有更新。本人刚从事php方向一年，之前用的框架是tp6，第一次接触laravel框架，又爱又恨，恨其依赖问题过于繁琐，麻烦，难以解决，不过，这也是没办法避免的。希望大家点点关注，给予小白一些写作动力，能关注一下php小白的平凡之旅！
thinkphp5使用easywechat 实现微信扫码登录解析
勤勤学长的csdn博客
08-24 2658
建议先看这个https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419318590&token=&lang= 这个就是easywechat提到的开放平台网页登录授权 URLhttps://www.easy...
Laravel + EasyWeChat 微信登陆功能
ThankiFu的博客
01-11 2364
基于：Laravel 5.8.*，以下代码可能存在一些继承函数，详情可访问开源项目：Github、Gitee。 第一步：去微信公众号中设置和获取信息 注意：公众号必须已经认证，且必须拥有网页授权获取用户基本信息的权限。 开发-基本配置-公众号开发信息，获取 app_id 和 app_secret 这两个参数。 开发-基本配置-公众号开发信息，IP白名单中设置你的服务器公网IP。 设置-公...
EasyWeChat微信开放平台第三方平台接入流程
stand_forever的博客
03-11 3911
授权流程技术说明： https://developers.weixin.qq.com/doc/oplatform/Third-party_Platforms/Authorization_Process_Technical_Description.html 第三方平台的申请和上线流程： https://developers.weixin.qq.com/doc/oplatform/Third-p...
laravel8+ 微信小程序生成二维码
zhnagsan_lisi的博客
02-15 612
首先生成 access_token public function getAccessToken() { $url = "https://api.weixin.qq.com/cgi-bin/token? grant_type=client_credential&appid=".self::APPID."&secret=".self::SECRET; $res = (new Curl())->getUrl($url);
laravel使用easyWeChat实现微信公众号支付
08-09
laravel（5.4版本）配合easyWeChat（4.0）实现微信公众号支付
微信公众号第三方平台SDKEasyOpenWechatSDK.zip
07-19
本SDK是基于EasyWechat开发，为了方便微信公众号第三方平台开发，封装了微信公众号授权第三方平台的开发，以及实现了全网发布的接入，本项目还在持续开发中，目前虽然还没发布1.0.0版本但是已经实现了基本的第三方平台的功能，相关功能还在持续完善中，遇到问题可以联系我，如果觉得本项目对您有帮助麻烦给个star，嘿嘿嘿
一个基于Laravel+easywechat 开发的校园代领快递的微信小程序，应用中以bus 为主线.zip
02-09
快应用开发
vue 微信扫码登录(自定义样式)
10-15
主要介绍了vue 微信扫码登录(自定义样式)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
基于Winfrom的企业微信扫码登录案例
02-02
扫码登录、获取扫码人的身份信息
laravel 使用微信的图片内容检测及文字内容检测
believer_li的博客
04-23 256
微信的图片检测，需要文件大小在1M以内，这就导致用户上传大图的时候无法检测成功，
springboot(酒店管理系统)
最新发布
04-25
开发语言：Java JDK版本：JDK1.8（或11） 服务器：tomcat 数据库：mysql 5.6/5.7（或8.0） 数据库工具：Navicat 开发软件：idea 依赖管理包：Maven 代码+数据库保证完整可用，可提供远程调试并指导运行服务（额外付费）～ 如果对系统的中的某些部分感到不合适可提供修改服务，比如题目、界面、功能等等... 声明： 1.项目已经调试过，完美运行 2.需要远程帮忙部署项目，需要额外付费 3.本项目有演示视频，如果需要观看，请联系我 4.调试过程中可帮忙安装IDEA，eclipse，MySQL，JDK，Tomcat等软件 重点： 需要其他Java源码联系我，更多源码任你选，你想要的源码我都有！ 需要加v19306446185
vue3+vite+ts怎么微信扫码登录
08-26
对于Vue3和Vite结合使用的项目，如果想要实现微信扫码登录功能，你可以按照以下步骤进行操作： 1. 在项目中安装 `@types/weixin-js-sdk`，这是微信JS-SDK的类型声明文件。 ```bash npm install @types/weixin-js-sdk --save-dev ``` 2. 在需要实现扫码登录的页面中引入微信JS-SDK。 ```html <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> ``` 3. 创建一个辅助方法用于获取微信扫码登录所需的参数。 ```typescript import axios from 'axios'; async function getWeChatLoginParams(): Promise<any> { // 发起请求获取微信扫码登录所需的参数 const response = await axios.get('/your_api_endpoint'); // 返回获取到的参数 return response.data; } ``` 4. 在组件中使用上述辅助方法获取微信扫码登录参数，并初始化微信JS-SDK。 ```typescript import { ref, onMounted } from 'vue'; export default { setup() { const loginUrl = ref(''); onMounted(async () => { // 获取微信扫码登录参数 const params = await getWeChatLoginParams(); // 初始化微信JS-SDK wx.config({ appId: params.appId, timestamp: params.timestamp, nonceStr: params.nonceStr, signature: params.signature, jsApiList: ['scanQRCode'] // 需要使用的微信JS-SDK接口 }); // 获取扫码登录的url wx.ready(() => { wx.scanQRCode({ needResult: 1, scanType: ['qrCode'], success: (res: any) => { loginUrl.value = res.resultStr; } }); }); }); return { loginUrl }; } }; ``` 5. 在模板中使用获取到的登录url生成二维码展示给用户，并在用户扫码成功后进行相关的处理。 ```html <template> <div> <qrcode :value="loginUrl" size="200"></qrcode> <!-- 在这里添加处理扫码成功后的逻辑 --> </div> </template> ``` 请将上述代码根据自己的项目需求进行相应调整。 注意：以上代码仅为示例，具体的接口调用和业务逻辑可能需要你根据实际情况进行进一步开发和优化。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值