微信扫码登录的二维码如何实现在首页就能直接扫码

迅睿框架更新 2022-03-08 11:48:47

麦尖

请问微信扫码登录的二维码标签 dayrui/App/Weixin/Views/login_qrcode.html 里面的 {$qrcode_url} 标签在首页直接调取实现在首页就能直接扫码登录

插件版权：官方插件
插件名称：微信系统

方案

迅睿框架联合创始人 #1 · 2022-03-06 18:22:16

可以参考官网顶部的微信登录写法。
麦尖 #2 · 2022-03-06 18:26:37

迅睿框架联合创始人我也想知道他是怎么写的，但是我看了一下他的源代码看不出来标签是怎么写的

迅睿框架联合创始人 #3 · 2022-03-06 18:31:56

满意答案

 <a href="javascript:;dr_wx_login()"> 微信扫码登录 </a>
<script>      
function dr_wx_login() {    
layer.open({    
    type: 2,    
    title: '微信扫码登录',    
    shadeClose: false,    
    shade: 0.8,    
    area: ['380px', '430px'],    
    content: '/index.php?s=api&c=oauth&m=index&name=wechat&type=login&back='
});    
}    
</script>

新建模板：

<html>
    <head>
    <title>关注微信公众号</title>
    <meta charset="utf-8">
    <script src="{THEME_PATH}assets/global/plugins/jquery.min.js?v={CMF_UPDATE_TIME}" type="text/javascript"></script>
    <script src="{$THEME_PATH}assets/js/cms.js?v={CMF_UPDATE_TIME}" type="text/javascript"></script>
	<style>
	a {
		height: 16px;
		line-height: 16px;
		padding: 0 3px;
		background-color: #3fa9e2;
		    text-decoration: none;
		color: #fff;
		border-radius: 2px;
		font-style: inherit;
	}
	</style>
</head>
<body style="text-align:center">
<img width="90%" src="{$qrcode_url}">
<br><a href="javascript:dr_weixin_notify();">扫码之后单击登录网站</a>
<script>
    function dr_weixin_notify() {
        $.ajax({
            type : "get",
            url : "{$notify_url}",
            dataType : "json",
            success : function(json){
                if (json.code == 1) {
					dr_tips(1, '登录成功');
                    var oss_url = json.data.sso;
                    // 发送同步登录信息
                    for(var i in oss_url){
                        $.ajax({
                            type: "GET",
                            url:oss_url[i],
                            dataType: "jsonp",
                            success: function(json){ },
                            error: function(){ }
                        });
                    }
                    if (json.data.url) {
                        setTimeout("top.location.href = '"+json.data.url+"'", 2000);
                    } else{
                        setTimeout("top.location.href = '{$back_url}'", 2000);
                    }
                } else {
					dr_tips(0, '没有收到扫码信息');
				}
            },
            error:function(){ }
        });
    }
</script>


</body>
</html>

曹海峰 #4 · 2022-03-06 18:45:37

nice，我一直向要官网这种扫码登录的代码，先收藏了
麦尖 #5 · 2022-03-06 19:21:52

迅睿框架联合创始人扫码成功后需要手动点一下才能成功登录，我记得之前官网上的是扫码登录成功自动跳转的咋吧自动跳转给删除了
农民大伯 #6 · 2022-03-06 19:33:07

把登录函数改成ajax定时请求不就可以了么，js改改就行
小波工作室--标签和API大师 #7 · 2022-03-06 19:38:06

6楼方法也可行，只是存在弊端，不停的请求会导致服务器资源白白消耗，所以官网这种手动按钮比较有利于缓解服务器负担
麦尖 #8 · 2022-03-07 19:11:06

6楼的方式我尝试了 cpu 内存直接跑满，感觉服务器都要爆掉了 😈
麦尖 #9 · 2022-03-08 11:48:47

@迅睿框架联合创始人：完美解决问题，