个人网站是无法接入微信扫一扫登录的,只能使用曲线救国的方式,采用小程序了,小程序是可以获取到微信用户的 UnionID 的。

首先第一步要注册一个小程序应用,很简单的,用邮箱申请即可,点击注册

注册完成之后就可以进行开发了,我后台服务使用的是node来写的

生成小程序二维码

要做扫一扫登录,二维码是不可少的,官方也提供了几种生成二维码的方式。查看生成方式

我使用的是A接口,详细信息可查看官方文档。

 POST https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN

从api上可以看出,调用这个接口需要传入成一个 ACCESS_TOKEN ,这个不是我们生成的,需要调用小程序的服务来获取到。

ACCESS_TOKEN

获取 ACCESS_TOKEN 示例

token过期的时间是由微信服务控制的,拿到之后可以存到redis中,不需要每次都去获取新的

获取到token之后就可以调用生成二维码的方法了

调用示例

返回的是二维码的文件名称

处理登录请求,在小程序完成授权之后,调用webSocket服务通知页面授权成功,跳转到首页

页面显示二维码

登录页面调用服务器端生成二维码并显示在页面上,并且连接webSocket服务,等待服务器确认登录。

小程序

login.js

github

体验地址

实现了一个微信服务端SDK ,有兴趣的可以查看一下

微信扫一扫登录(使用小程序实现)相关推荐

  1. php微信wifi扫码连接不上,微信「扫码连WiFi」小程序,教你不用密码一键连Wi-Fi!...

    原标题:微信「扫码连WiFi」小程序,教你不用密码一键连Wi-Fi! 烦恼!你有过的烦恼是什么? 你最近的烦恼是什么? 你有没有在外面支付的时候遇到一个麻烦? 你本来连接好好的Wi-Fi,突然在你支付 ...

  2. 微信生成带参数的二维码,合成海报,扫码后推送小程序?

    微信服务号渠道二维码功能,支持生成带参数二维码,合成海报二维码,微信扫码后推送内容:结合微号帮平台48小时信息推送,推送微信小程序. 带参二维码 海报二维码 微信扫码后回复 48小时信息推送 在微号帮 ...

  3. 脱离微信,在硬件设备运行小程序?小程序硬件框架大揭秘!

    受访者 | 微信小程序硬件框架团队 采访者 | 伍杏玲 出品 | CSDN(ID:CSDNnews) 在 2017 年的微信公开课 PRO 上,张小龙谈到微信小程序的设计初衷:"我认为所有的 ...

  4. URL Scheme-短信、邮件、微信外网页等场景打开小程序

    URL Scheme--适用于从短信.邮件.微信外网页等场景打开小程序. 通过 URL Scheme 打开小程序的场景值为 1065. 生成的 URL Scheme 如下所示: weixin://dl ...

  5. 详解微信开放平台第三方平台代小程序开发业务基本接口调用逻辑

    详解微信第三方小程序代开发 微信申请第三方之后可以获取授权方的很多权限,主要的是生码和待开发,生码的第三方授权之前已经写了一篇文章,最近做了小程序待开发,总结一下写下来供大家参考 由百牛信息技术bai ...

  6. 微信网页开发:微信内h5使用wx-open-launch-weapp打开小程序,微信内h5使用wx-open-launch-app打开App的方案

    需求场景: 当我们需要使用在微信客户端打开的h5页面,在页面上打开微信小程序或者唤起App时,我们需要使用微信js-sdk提供的开放标签能力.这其中:使用wx-open-launch-weapp标签打 ...

  7. 小程序技术始于微信?来看看移动端小程序技术的前世今生!

    本文由DCloud 公司创始人王安原创发布于CSDN,原题<小程序技术演进史>,即时通讯网收录时有改动,感谢原作者. 1.引言 微信的成功,并非特定于某个具体的功能,微信的成功实际上是一大 ...

  8. c语言编程微信公众号图片直播,如何以图片的形式在微信公众号文章中添加小程序...

    如何以图片的形式在微信公众号文章中添加小程序 微信公众号中想要将自己的小程序也放进去,宣传宣传,该怎么添加?下面百分网小编带大家一起来看看详细操作教程,感兴趣的朋友一起学习吧!!!想了解更多相关信息请 ...

  9. 微信公众账号后台怎么解除小程序_微信小程序怎么注销账号_微信小程序注销方法_快吧小程序...

    微信小程序一直存在一个问题:开发者不能注销自己的小程序.之前当开发者需要彻底清除小程序信息时,只能够通过暂停服务或关闭"允许被搜索"的方式曲线救国.现在,这个问题终于解决了. 在微 ...

  10. 通过微信模板消息跳转到小程序

    关注小编微信公众号公众号[前端基础教程从0开始]回复"1",拉你进程序员技术讨论群,群内有大神,可以免费提供问题解答.公众号回复"小程序",领取300个优秀的小 ...

最新文章

  1. cookiesession的QA故事[原理篇]
  2. 传统方法的点云分割以及PCL中分割模块
  3. linux message日志只有4k,命令长期运行 常用技巧 Linux 服务器 · 404k的前后端日志...
  4. Linux 配置nfs
  5. 2019年黑龙江省计算机等级考试,2019年的下半年黑龙江省计算机等级考试报名工作即将开始...
  6. Gridview数据控件的七种字段类型
  7. mysql开启事务_MySQL入门之事务(上)
  8. Scala变量和常用数据类型
  9. 《Ruby程序员修炼之道》(第2版)—第1章1.1节进入Ruby的世界
  10. HTML怎么写入形状,css3写各种形状(收集篇...)
  11. 面试题 | ISP 图像处理算法工程师
  12. Rust reqwest框架开启cookie
  13. 运维审计是什么意思?有什么作用?用什么软件好?
  14. Vue组件中关于@click.native.prevent事件
  15. 单片机.C51基于LCD1602光强检测仪.光敏电阻.ADC0804
  16. 50个SQL语句练习题
  17. 用js进行日期的加减
  18. 信息无障碍相关会议网址链接
  19. 育才计算机应用学校,仪陇县扶轮育才职业学校2020年招生简章
  20. VS2019通过ADO连接access数据库(详细)

热门文章

  1. vs2015安装msdn_vs2015中文旗舰版下载
  2. STM32笔记之 FLASH(内存)
  3. leafletjs 热力图_leaflet.js自定义热力图效果实例
  4. 关于找回CSDN账号的一点遐想
  5. JSP九大内置对象及其作用
  6. Eclipse的使用-Eclipse的简单使用,需要的来看看吧!
  7. 如何使用计算机蓝牙设备管理器,电脑蓝牙bluetooth怎么使用_win7蓝牙bluetooth使用教程-系统城...
  8. Talib技术因子详解(八)
  9. Unity简单实现调用电脑打印机打印图片功能
  10. DirectX 安装报错: 不能信任一个安装所需的压缩文件,请检查加密服务是否启用并且cabinet文件证书是否有效