总体结构
效果图
效果图
开发背景为什么想用微信扫码登录呢? 起因是自己开发了一个搜题网站,内容很简单,但是没有登陆,所以游客可以随便使用,当然也不是不让游客访问,只是没有登陆的话,不能很好的统计使用的用户,也能减少些一些滥用的用户。
起初,我是想设计成账号密码登录网站的,但是想了下,我自己平常碰到一些需要注册的网站,我往往会直接跳过,就不会对这个网站感兴趣了,能让我感兴趣的网站一般都是支持直接扫码登录或者可以以第三方账号直接注册登录,所以能吸引更多的用户,必须要把这个门槛给打下来,提高用户体验!
寻找方案,以及选择哪种方案于是,我开始踏上了百度之旅,经过数次的查阅资料,发现有三种方式实现微信扫码登录
- 第三方网站(https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html)
- 公众号
- 小程序
第三方网站方式是直接请求api,https://open.weixin.qq.com/connect/qrconnect带上下面的参数 例子:携带参数的链接
页面会重定向到一个附带临时code的地址