电脑版用微信公众号扫码登陆解决方案

推荐

ysbear 1年前

电脑版登陆页面显示二维码，二维码内容为以当前时间的加密token作为参数的URL，并把这串加密token保存到数据库。

扫码后进入页面拉取公众号页面的登陆信息，并绑定当前token保存数据库。

电脑版登陆页面使用ajax轮询当前token的绑定情况。如果有绑定信息则写入登陆状态并跳转页面。

代码实现正在努力开发中，有结果了会作为插件发布到八叔模板堂。敬请期待。

期待的话CALL个1好么。码起来更有动力

ysbear

1年前

已经发布出来了： http://www.8sk.cn/Download/782.html

有需要可以去免费下载试用。界面什么的就别吐槽了。暂时只是研究用，就不麻烦设计师了。

MrLiu1

1年前

jackwrh

1年前

下载下来看了一下效果不错，是我想要的，现在自己美化一下。

感谢

ysbear

1年前

在iweb论坛看到竟然有人提供技术服务了。牛~

不过更新了确认登陆的页面，不那么丑了

我更新到包里面去吧

confirm.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>确认登陆 {echo:$this->_siteConfig->name}</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
</head>
<body>
<div class="weui-msg">
{if:$message != 'SUCCESS'}
  <div class="weui-msg__icon-area"><i class="weui-icon-info weui-icon_msg"></i></div>
  <div class="weui-msg__text-area">
    <h2 class="weui-msg__title">{$message}</h2>
    <p class="weui-msg__desc">提示：请刷新电脑端网页，重新扫描二维码。</p>
  </div>
  <div class="weui-msg__opr-area">
    <p class="weui-btn-area">
      <a href="javascript:;" class="weui-btn weui-btn_primary">确认</a>
    </p>
  </div>
{elseif:$user}
  <div class="weui-msg__icon-area"><i class="weui-icon-waiting weui-icon_msg"></i></div>
  <div class="weui-msg__text-area">
    <h2 class="weui-msg__title">您好{$user['username']}，您确认要登录{echo:$this->_siteConfig->name}吗？</h2>
  </div>
  <div class="weui-msg__opr-area">
    <p class="weui-btn-area">
      <a href="{url:/simple/confirmlogin/token/$token}" class="weui-btn weui-btn_primary">确认</a>
      <a href="javascript:;" class="weui-btn weui-btn_default">取消</a>
    </p>
  </div>
{else:}
  <div class="weui-msg__icon-area"><i class="weui-icon-info weui-icon_msg"></i></div>
  <div class="weui-msg__text-area">
    <h2 class="weui-msg__title">没有登录</h2>
    <p class="weui-msg__desc">提示：请在手机端登录您的账户后，重新扫描二维码。</p>
  </div>
  <div class="weui-msg__opr-area">
    <p class="weui-btn-area">
		<a href="{url:/simple/login}" class="weui-btn weui-btn_primary">确认登录</a>
    </p>
  </div>
{/if}
  <div class="weui-msg__extra-area">
    <div class="weui-footer">
      <p class="weui-footer__links">
        <a href="javascript:void(0);" class="weui-footer__link">{echo:$this->_siteConfig->name}</a>
      </p>
      <p class="weui-footer__text">Copyright © 2008-2018 {echo:$this->_siteConfig->url}</p>
    </div>
  </div>
</div>
</body>
</html>

ysbear

1年前

感谢，不过提示信息没更新，其实可以多判断几个$message的类型的。

发起提问