PC前端使用微信扫码登录

引入js文件

<script src="//res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>

创建一个扫描div块

<div  id="login_container"></div>

下面是在thinkphp下的使用方式

<?php $WechatLoginCfg=cmf_get_plugin_config('WechatLogin'); ?>
    let obj = new WxLogin({
        id: "login_container", //div的id
        appid: '{$WechatLoginCfg["app_id"]}',
        scope: 'snsapi_login',
        redirect_uri: "{:cmf_plugin_url('WechatLogin://Wechat/callback', [], true)}",
        state: '', //参数，可带可不带
        style: "", //样式  提供"black"、"white"可选，默认为黑色文字描述
        href: "https://www.51render.com/themes/51render2/public/assets/css/wxlogin.css" //自定义样式链接，第三方可根据实际需求覆盖默认样式。
    });

其中redirect_uri为扫描成功后的跳转链接携带了官方code码，方便后台处理，最终获取用户信息

更多参考官方文档：https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html