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