1、首先准备工作
网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。
在进行微信OAuth2.在进行微信OAuth2.0授权登录接入之前,在微信开放平台注册开发者帐号,并拥有一个已审核通过的网站应用,并获得相应的AppID和AppSecret,并设置回外网调外地址
申请微信登录且通过审核后,可开始接入流程。就是你的网站要想实现微信扫码登陆功能首先要在微信备案通过,它才会给你个AppID和AppSecret。
2、生成二维码
第一步:引入js 文件 https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js
第二步:创建一个div
第三部:编写生成二维码js代码,
var obj = new WxLogin({
id: "wchat-logins",
appid: "",
scope: "",
redirect_uri: "回调地址",
state: "",
style: "",
href: "生成二维码的样式地址"
});
3、微信扫一扫,授权登录
第一步:创建一张表,存储微信信息,以及后台逻辑代码
第二步:打开手机微信,扫一扫二维码,同意授权
第三步:授权成功后将用户的微信基本信息存入数据库
第四步:第二次登录网站时查询用户是否授权登录过,查询数据库中是否存在openid,如果存在直接登录成功,不存在就授权,插入一条到数据库中。以上是网站扫码授权登录的过程。
4、获取微信openid
第一步:授权同意后,会产生code,后台接收code值
第二步:string accesstoken = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=" + appid + "&secret=" + secret + "&code=" + code + "&grant_type=authorization_code"; 生成openid
参考文献:https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html