美文网首页个人收藏Java
二维码扫码登录

二维码扫码登录

作者: JChase | 来源:发表于2019-07-31 09:04 被阅读157次

QRCodeLogin

二维码扫码登录;服务器端、网页端、移动端源码;


项目介绍

  • 一个二维码扫码登录的demo,能够完整的实现用户扫码登录的过程,源码地址
  • 项目一共包含三分源码:服务器端网页端移动端,分别放在根目录的三个文件夹下。
  • 项目网页端 体验地址 请戳,APP安装包 文件地址网盘地址 请戳:
  • 网页和APP默认登录账号:123456,密码:123456。
  • APP未针对Android 6.0以上的手机动态申请权限,所以安装后请前往设置手动开启。
  • 由于服务器性能较差,访问较慢,喜欢的话可以把源码克隆到本地运行。

服务器端

  • 用于和网页端及移动端进行数据交互,主要功能包括生成二维码、获取登录位置等。
  • 项目通过SpringBoot和Mybatis搭建而成,使用的是MySQL数据库。
  • 源码文件夹中包含了sql文件,运行前记得修改源码yml配置文件中的数据库连接。

网页端

  • 主要用于二维码的展示,用户可以在网页端获取二维码,以在网页端进行登录。
  • 项目基于Vue.js进行开发,通过vue-cli脚手架搭建而成,使用了Vue Router路由。
  • 源码中没有上传较大的node_modules文件夹,所以克隆到本地后记得先执行npm install或cnpm install命令进行下载。
  • 当一切准备就绪时,记得将访问的接口地址改成自己本地服务器的IP地址(一般是localhost)。

移动端

  • 主要用于二维码的解析,用户在移动端登录账号后,扫描网页端的二维码即可进行登录。
  • 项目基于Android系统开发,使用了一些优秀的开源依赖,包括OkHttp、ZXing等。
  • 兼容Android4.0以上的版本,6.0以上运行前请前往设置手动开启权限
  • 本地运行时,记得改成自己服务器的IP地址(不是localhost,一般是局域网IP地址,输入ipconfig命令就可看到),具体修改位置是在项目源码http包 > ApiUtil类中。

效果展示

网页端



移动端

相关文章

  • 二维码扫码登录

    QRCodeLogin 二维码扫码登录;服务器端、网页端、移动端源码; 项目介绍 一个二维码扫码登录的demo,能...

  • Axure 学习案例:动态面板制作淘宝登录页面

    效果分析 通过点击右上角的图标切换扫码、账号登录方式; 在扫码登录页面,鼠标移入、移出二维码时,二维码平行移动,并...

  • QRCanvas - 动态生成二维码的开源优秀 js 库

    简单调用就能满足网址扫码预览和分享、登录扫码认证等二维码功能。 QRCanvas 能用来做什么 动态生成带二维码的...

  • 二维码phpqrcode

    很久没有搞二维码,今天搞微信扫一扫登录的时候,使用phpqrcode输出二维码,没有报错。但二维码不显示。 hea...

  • PHP扫码登录

    扫码登录具体实现方式 扫码登录具体实现流程: 1、生成二维码,生成一个唯一标识uuid,该标识贯穿整个流程,使用r...

  • 企业微信常见使用方式

    登录方式 移动客户端 电脑客户端 扫登录码或同意弹框 微信插件 扫企业二维码,关注公众号 ,进入企业 网页 ...

  • ios 客户端微信扫码登录

    功能概述 扫码登录能力,指的是开发者可在移动应用内使用此能力,拉取二维码,用户使用微信客户端扫描二维码后可以登录此...

  • 微信移动应用扫描登陆记录

    功能概述 扫码登录能力,指的是开发者可在移动应用内使用此能力,拉取二维码,用户使用微信客户端扫描二维码后可以登录此...

  • Android 项目中的小需求

    1.硬件扫描二维码登录 参考Android 无 EditText 情况下接受扫码枪扫描数据 需求:硬件设备有二维码...

  • 二维码登录流程

    扫码登录原理 扫码登录大概的思路是:微信手机客户端从网页二维码里面得到一些信息,然后发送给网页微信的服务器,网页服...

网友评论

    本文标题:二维码扫码登录

    本文链接:https://www.haomeiwen.com/subject/tnhgrctx.html