PC微信扫码登录教程

PC微信扫码登录教程

来源：小白 时间：2020年12月22日15:33:21

---

需要微信开放平台账号

难度：一般

1.创建网站应用 获取AppID和AppSecret

1.1基本信息

选择创建网站应用，没什么可说的

根据以下步骤配置内容

注意图片尺寸跟网站应用尺寸

这里的图片为一个大logo 一个小logo

确认进行下一步

1.2网站信息 -回调域名

这里是让你配置一个回调域名就好了，就是说扫码以后他需要跳回到那个域名 就通俗的为回调域名

提交审核后为成功

1.3提交成功

1.4.查看审核信息

点击查看后 可以查看审核详情页面

等待审核通过后拿到appid

如上图 appid是自动送的 但是AppSecret 需要手动生成操作

生成也很简单 管理员扫码 然后查看AppSecret（请自主保存 以免丢失）

2生成二维码

2.1 跳转页面扫码方式

效果

/** 
    @description:通过code获取access_token的接口
    @param appid {string} 应用唯一标识，在微信开放平台提交应用审核通过后获得
    @param redirect_uri {string} 页面跳转回调地址
    @param response_type {string} 写死为code
    @param scope {string} 应用授权作用域，拥有多个作用域用逗号（,）分隔，网页应用目前仅填写snsapi_login
    @return:
*/

// 页面跳转方式
var href = openWeiXin({
   appid:"xxxx",redirect_uri:"http://baidu.cn",response_type:"code",scope:"snsapi_login"})
window.location.href = href

function openWeiXin ({
   appid,redirect_uri,response_type,scope}){
   
    return `https://open.weixin.qq.com/connect/qrconnect?appid=${
     appid}&redirect_uri=${
     redirect_uri}&a