关于APP扫码授权PC端登录的解决方案

Simon.hu

本帖最后由 luolanqiang 于 2020-6-8 10:40 编辑

首先，对于扫码登录，官方给出了微信和钉钉扫码授权登录的插件，但属于单点登录类型，而由于我们的账户数量有限，处于微信群里的用户并不是都拥有账户的，我们不能让所有人都去登录；
其次，我们可能不使用钉钉或者微信，假设你开发个自用的应用，领导觉得应该有个独立APP有个性一些，那你怎么办？还有微信登录要填写什么申请表等一大堆审核资料，反正我是头大，不如我们自己玩。
关键是，我们看到很多网页都有扫码登录的界面，是不是很酷的样子有没有？
例如百度：
image.png960270690.png

而且很多用户经常忘记密码啊，APP上不换手机也就长期处于登录状态，但是，有时候难免的要用到PC端页面的。所以，我们需要一个方案：手机扫码授权PC页面快速登录。思路：在PC端生成一个随机的识别码，生成二维码，APP扫码，将手机端的用户名和密码传递给PC端，利用服务器端命令在PC端登录，该方法包含但不限于使用浏览器直接访问模式。先看下效果来（我不知道8M的GIF为什么传不上来）： image.png61572569.png

点扫码登录

打开手机APP

扫码

确认

PC端登录成功，自动跳转到主页
image.png220640868.png

太不清晰了

luolanqiang · luolanqiang

本帖最后由 luolanqiang 于 2020-6-8 11:02 编辑

上述办法，有两个难点，一是用户账户和密码如何往PC端传递，二是不依赖微信，不依赖钉钉不仅无法使用官方提供的扫码登录功能而且调用手机扫码的权限也是个问题，但说实话，如果没有独立的APP，确实不是那么有个性，比如有些领导就要求有独立的APP，而活字格的APP~~请问胡老板能不能把活字格的LOGO去掉？先解决第一个问题，见这里：https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=76444&extra=
同时解决了支持通过企业微信推送找回密码的问题，但该方法不符合密码安全管理策略，上边的帖子上已经说过了。
第二个问题：大家也看到我的APP了，其实也是低代码平台生成的，这个叫一门APP，瞬间生成，打包扫码插件、地图精确定位、调用人脸识别等都不是问题，这样就解决了调用手机扫码的权限问题。
实现方法：
1、创建一个临时数据表， image.png881658019.png

，

创建扫码登录页面，生成一个足够长的但也用不着太长的随机码，哈哈，我的是5位数，然后把它赋值给二维码；请注意由于随机码随时要被刷新，所以页面加载的时候把它赋值给另一个单元格，固定住，点一次就固定一个。
image.png31873778.png

根据一门APP的官方文档，调用手机扫码，并且提取它的扫码结果给活字格使用，几乎是傻瓜式的：
image.png641892394.png

大家看到的这个提示，其实是手机端获得这个随机码后，往上边那个临时数据表中添加一条记录的确认提示，写入字段为随机码、用户和密码；
image.png283482665.png

创建两个服务端命令，一个是查询命令，一个是用户登录命令。查询命令设置一个参数，就是随机码。
image.png388380126.png

这个页面定时刷新，方法在论坛上找，不是定时刷新页面，是定时触发页面上的公式计算，我设置1.5秒，用一个带有随机函数的文本框来触发服务端查询命令，查询当前随机码在临时表中是否有对应的记录，返回值为记录数量，如果返回值为1，也就表示手机端成功写入了与本随机码对应的一条用户信息，也就是手机端已经登录的当前用户信息。
设置条件，当返回值为1，则调用服务端命令，用户登录。用户登录就不用从前端获取参数了，直接在登录命令前设置参数，查询临时表的用户名和密码，条件为随机码等于当前随机码。
image.png854164733.png

完成。
活字格提供了一个可以自由折腾的空间，爱怎么折腾怎么折腾，可以用官方的办法也可以用自己的办法，只过通常自己的都是笨办法，比如这个，就比较笨。但很明显有自主性。

amtath · amtath

火钳刘明

djs521720 · djs521720

牛叉了

unimaallan · unimaallan

牛人，活字格就需要多些这样子喜欢折腾的人

whji69 · whji69

厉害厉害了

hubei333 · hubei333

真有人折腾出来了，厉害！

Eric.Liang · Eric.Liang

老板厉害呀~

qq8009 · qq8009

高手高手高手

Simon.hu · Simon.hu

脑洞很大~

[资源分享] 关于APP扫码授权PC端登录的解决方案

评分

14 个回复

微信认证勋章

活字格认证

活字格高级认证

圣诞拼拼乐

悬赏达人

讲师达人

元老葡萄

		自动登录	找回密码
密码			立即注册