这是一个uniapp+ThinkPHP6的移动端的登录框架,也就只有登录这个应用,代码简洁,没有整合到复杂的应用中去,拿来即可用,短信使用的是阿里的。已经实现了微信小程序、app和h5的一键登录、手机号+密码登录以及手机号+验证码登录,其它的小程序可以在此基础上快速扩展。

uniapp多端登录框架前端代码已开源,请到官方网站君兰IT组件的《uniapp登录框架》的下载中获取

开发流程图

appium ios多设备管理 app多设备登录_uniapp组件

本登录框架后端使用token缓存认证机制,token默认有效果间是2个小时(可以延长),后端设有缓存回收机制,过期会自动销毁。

一键登录

appium ios多设备管理 app多设备登录_appium ios多设备管理_02

                

appium ios多设备管理 app多设备登录_uniapp登录_03

在登录界面的其它登录方式下面,有一个微信的图标,点击图标即可实现一键登录。

绑定手机号

 

appium ios多设备管理 app多设备登录_h5登录_04

实现一键登录的用户,可以绑定手机号

注册帐户

appium ios多设备管理 app多设备登录_uniapp组件_05

    

appium ios多设备管理 app多设备登录_uniapp登录_06

为验证用户身份的真实性,使用手机号+验证码+密码进行注册,用户完成注册后,可以使用手机号+密码登录,也可以使用一键登录

手机+验证码登录

appium ios多设备管理 app多设备登录_uniapp登录_07

已经注册的用户还可以使用手机号+验证码登录

找回密码

appium ios多设备管理 app多设备登录_appium ios多设备管理_08

使用手机号注册的用户,忘记密码时,可以通过手机号+短信验证码进行重置密码

退出登录

如不退出登录,下次进来会自动登录;如主动退出登录,下一次进来需要登录

体验

目前只有微信小程序的演示 君兰IT-微信小程序体验 官方网址:https://www.junlan365.com

用途

本登录框架内已经实现了登录和退出功能,可以在此基础上快速地开发其它的应用。

后端获取

开发这个多端登录框架从构思到上线差不多花了半个月时间,uniapp端的代码已完整地放出,后端带有管理和完整的接口