uniapp多端登录实现(二)

折腾了一段时间,这个uniapp登录框架终于完成,基本上是按照前面的设计图实现。

这是一个uniapp+ThinkPHP6的登录框架,已经实现了微信小程序、app和h5的一键登录、手机号+密码登录以及手机号+验证码登录,其它的小程序可以在此基础上快速扩展。

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

登录原理

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

登录组件 - 副本.jpeg

一键登录

3登录前.jpg

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

绑定手机号

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

注册帐户

0注册前.jpg
360截图20210513203727761.jpg

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

手机+验证码登录

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

找回密码

360截图20210513203113274.jpg
360截图20210513203840848.jpg

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

退出登录

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

用途

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言:uniapp的特点就是开发一次,多端覆盖。你开发好了一个微信小程序,通过作兼容处理,你又同时可以发布app、...
    君兰IT阅读 3,300评论 1 2
  • 什么是App一键登录: 一键登录: 基于运营商独有数据网络认证能力,以手机号码作为去中心化的开放账号体系,为互联网...
    大树虫子阅读 3,416评论 0 0
  • 彩排完,天已黑
    刘凯书法阅读 4,497评论 1 3
  • 表情是什么,我认为表情就是表现出来的情绪。表情可以传达很多信息。高兴了当然就笑了,难过就哭了。两者是相互影响密不可...
    Persistenc_6aea阅读 129,893评论 2 7
  • 16宿命:用概率思维提高你的胜算 以前的我是风险厌恶者,不喜欢去冒险,但是人生放弃了冒险,也就放弃了无数的可能。 ...
    yichen大刀阅读 8,165评论 0 4

友情链接更多精彩内容