uniapp多端登录实现(前端完整实例)

君兰IT

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

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

开发流程图

君兰IT

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

一键登录

在这里插入图片描述
在这里插入图片描述

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

绑定手机号

在这里插入图片描述

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

注册帐户

在这里插入图片描述

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

手机+验证码登录

在这里插入图片描述

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

找回密码

在这里插入图片描述

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

退出登录

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

uniapp登录框架前端下载

前端uniapp下载地址:https://gitee.com/junlanit/jllogin

后端获取
开发这个多端登录框架从构思到上线差不多花了半个月时间,uniapp端的代码已完整地放出,后端带有管理和完整的接口,收点服务费(1、使用方法2、代码更新)9.8元。

扫码下面的“君兰IT”微信小程序,首页“排行榜”》uniapp登录框架,支付成功后即可出现前后端的下载地址。
在这里插入图片描述

官方网址:https://www.junlan365.com

用途

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

  • 1
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值