/QRCodeLogin

【二维码登录】基于SpringBoot+Vue+Android的二维码扫码登录;服务器端、网页前端和安卓端源码;

Primary LanguageJava

QRCodeLogin

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


项目介绍

  • 一个能够实现扫码登录的demo,不妨小小Star一下吧 >.< ~,简书地址请戳。
  • 本项目一共包含三份源码,即服务器端网页前端移动端
  • 项目 在线体验 请戳,APP安装包 本地下载网盘下载 请戳:
  • 网页和APP默认登录账号:123456,密码:123456。
  • Android 6.0以上的手机使用APP时请前往设置开启权限。

服务器端

  • 说明: 项目通过SpringBoot搭建而成,采用了Mybatis持久层框架,数据库使用的是MySQL。
  • 功能: 主要功能包括生成二维码图片、获取用户登录的IP地址和地理位置(通过百度提供的接口进行解析)等。
  • 源码: 对应Server文件夹,里面包含了sql文件。运行前需要在源码的yml配置文件中修改成自己本地的数据库。

网页前端

  • 说明: 项目基于Vue.js开发,借助vue-cli脚手架进行搭建,使用了Vue Router、axios等。
  • 功能: 主要用于二维码的获取、以及扫码登录过程中的动态效果展示。
  • 源码: 对应Web文件夹,由于没有上传较大的node_modules,所以克隆到本地后要先进行下载。运行前需要将访问的IP地址改成自己本地服务器的IP地址。

移动端

  • 说明: 项目基于Android系统开发,使用了一些优秀的开源依赖,比如OkHttp、ZXing等。
  • 功能: 主要功能包括二维码的扫描和解析、以及和账号登录有关的功能等。
  • 源码: 对应Android文件夹,源码没有针对Android6.0以上的版本动态申请权限。运行前记得改成自己本地服务器的IP地址(不是127.0.0.1了,一般是计算机在局域网的IP地址,DOS窗口输入ipconfig命令),对应要修改的文件是在源码http包的ApiUtil类中。

效果展示

网页前端

动图请戳 >>>


动图请戳 >>>


移动端

动图请戳 >>>