使用ASP.NET CORE SignalR实现扫码登录

本文介绍了在移动化背景下,为减少用户输入账号密码,使用APP扫码登录Web端的实现方法。通过ASP.NETCORE7.0和VS2022构建示例,演示了不依赖数据库的简单认证流程,以及如何避免轮询查询状态,利用SignalR进行实时通信。项目源码已开源。
摘要由CSDN通过智能技术生成

1. 背景介绍

在移动化时代,web开发很多时候都会带着移动端开发,这个时候为了减少重复输入账号密码以及安全性,很多APP端都会提供一个扫码登录功能,web端生成二维码,APP扫码直接登录web端,无需再次输入账号密码。

2. 实现流程图

ce5e6dac112ef75138b72bde86ee8d02.png

3. 代码运行环境

  • ASP.NET CORE 7.0

  • VS2022

    本案例为了操作方便,并没有操作db,直接硬编码了一个账号:admin  密码:123456 来模拟用户登录流程,正式环境可以用jwt来做认证,我这里自己简单实现了一个认证方式可供参考。

    项目启动后,使用浏览器打开http://localhost:5196/app.html和http://localhost:5196/web.html分别来模拟app和web的登录,先在APP端输入账号密码登录,然后到web端生成二维码,复制到APP端扫码就可以看到扫码登录效果啦~

4. 总结

市面上也有很多扫码登录是通过轮询的方式来实现,也就客户端定时发送请求来查询二维码标识符的扫描状态,感觉会有一定影响,SignalR的功能当然不是止步于此啦,这里只是一个简单案例,如果有帮助的话,可以来个star哦,谢谢!

开源地址:https://github.com/DreamTom/SignalRScanLogin

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值