胖蒜

分享有价值的资源

网站通过微信小程序实现微信扫码登录功能

TePass插件有四种社交登录方式,分别是QQ,微博,GitHub,微信,其中微信扫码登录采用的是payjs的商户实现的,很方便,但是后来payjs不给个人开商户了,很多用户就用不了微信登录,最近我增加了通过微信小程序扫码登录。

体验网站地址:https://pangsuan.com/tepass/mp_login

回忆以前的实现方法

在很久之前我就实现了,应该是2019年,见文章《微信小程序实现扫码登录网站》,那个时候的逻辑是先扫码我的微信小程序,然后在菜单栏有个按钮,点击扫码,扫码另外一个二维码来实现。

现在新的实现方法

这次受网上一片文章的影响,采用了一个更简单的办法,点击网站微信登录的时候,页面出来小程序码,拿起手机扫码后,微信直接打开小程序界面,在界面就有一个授权登录按钮,点击授权登录,网站登录,这样一下子就顺畅多了,基本跟微信扫码登录差不多。

为什么要使用微信小程序不用微信开放平台呢?

微信小程序个人就可以申请,申请了就可以用,而微信开放平台扫码登录需要微信开放平台认证开发者(300元)才可以获得这个接口权限。

演示视频

下载地址

TePass插件:https://pangsuan.com/p/tepass.html
小程序端程序:https://gitee.com/mhcyong/mp_scan_login(需TePass1.4.3及以后版本。)
说明一下,小程序端只有一个扫码的功能,跟我视频演示的小程序不一样,视频里的是我把扫码功能加进了我的小程序,你也可以参考小程序端加到自己小程序里面。

最后说明

网站接入小程序扫码登录,需有网站后台服务端,也需要小程序端。网站后台服务端我已经集成在TePass插件(需TePass插件1.4.3及以后版本)里面,小程序端也开源了自己下载用即可。安装使用教程在下面付费阅读里面,因制作教程,调试代码花费了一些时间,所以设置个小小的打赏,顺便可以体验下TePass付费阅读插件,获取到TePass插件和小程序端代码后,配置及使用需要自己看教程琢磨,本站不提供免费协助(因为小程序端需先在电脑安装软件,然后修改一点代码,最后代码上传后还需要微信审核,比较费时间)。

最后,TePass插件含有微信小程序扫码功能的版本已放出,版本号TePass-1.4.3。

本文属原创,转载请注明原文:https://pangsuan.com/p/mp_scan_login.html

感觉很棒,欢迎点赞 OR 打赏~

分享到:

评论 (2)

立即登录评论

    效果非常nice

    jrotty

      大佬过奖了,ヾノ≧∀≦)o

马上咨询 在线工单