网站微信扫码登录实现步骤

最新推荐文章于 2024-10-03 13:13:55 发布

axincto

最新推荐文章于 2024-10-03 13:13:55 发布

阅读量2k

点赞数

分类专栏：前端文章标签：微信微信扫码登录

本文链接：https://blog.csdn.net/weixin_39541657/article/details/119949808

版权

前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

本文详细介绍了微信登录的实现步骤：首先在微信开放平台注册appid和secret，然后在登录页面引入微信提供的js文件生成二维码。用户扫描二维码并授权后，回调redirect_uri接口携带code参数。通过code、appid和secret获取access_token及openid，最后使用access_token获取用户详细信息。整个过程遵循微信官方文档进行。

摘要由CSDN通过智能技术生成

1.在微信开放平台注册appid和 secret

2.登录页面生成二维码

在登录的页面，引入官方提供的http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js，并添加配置（appid、回调地址redirect_uri、state等信息），可自动生成二维码

<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script>
 var obj = new WxLogin({
 				self_redirect:true,
				 id:"login_container", 
				 appid: "", 
				 scope: "", 
				 redirect_uri: "",
				  state: "",
				 style: "",
				 href: ""
 });
 </script>

3.用户授权登录

用户扫描二维码，如果用户授权登录，则会回调在第2步中设置的redirect_uri接口，并附带code参数和state参数。

4.获取用户信息

第2步中设置的redirect_uri接口中，
通过API加上code、appid、和secret等参数，换取access_token及用户openid

oppid为微信用户唯一标识

https://api.weixin.qq.com/sns/oauth2/access_token?appid=%s&secret=%s&code=%s&grant_type=authorization_code

再通过access_token 获取用户祥细信息

https://api.weixin.qq.com/sns/userinfo?access_token=%s&openid=%s

祥情查看微信官方方档：
https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html