低代码(零代码)开发平台快速开发短信验证码登录

发布时间:2023/12/08 14:12 发布者:Lenka.Guo

返回博客中心

很多ToB 的网站及系统均需要用户留资,但如果为用户留资提供多个输入框,会增加用户留资门槛,会极大降低用户提交资料的成功率,因此很多ToB 站点,希望尽可能简化用户信息输入,且保证用户资料正确即可。由于手机的使用普及,个人用户对于手机的依赖增强,因此手机号码是可以保证触达用户的非常及时,且有效的联系信息,我们由此也可以看到很多ToB网站的设计将多个用户信息字段简化为1个字段即手机号码。图形用户界面, 应用程序

已经化繁为简的信息输入阶段,已经将字段简化为手机号码这一唯一的输入字段,因此必须保证手机号码的有效,就需要配合手机验证码的输入来验证有效性。

所以短信验证码是非常普遍基础,但又非常重要的功能,我们将此模块抽为一个通用功能模块,可同时应用到多个需要用户验证,登录的系统中使用。用户可根据实际场景灵活应用或者扩展,比如,手机号作为用户的自定义属性进行扩展。

活字格低代码平台能够帮助开发人员更高效地开发短信验证码登录功能,节约时间和成本,同时降低了技术门槛,并支持扩展使用,且能让更多的人自主开发。

活字格低代码开发平台开发短信验证码登录功能

使用活字格低代码开发平台开发短信验证码登录功能通常需要以下步骤:

  1. 用户输入手机号码:在应用中设置一个输入框,以便用户输入其手机号码。
  2. 发送验证码:用户点击“发送验证码”按钮后,应用通过低代码平台的接口将请求发送到短信服务提供商,要求发送验证码到用户的手机。
  3. 验证验证码:用户输入收到的验证码后,应用通过低代码平台的接口将验证码与服务端存储的验证码进行比对,以完成验证过程。

使用活字格低代码平台开发短信验证码登录功能具有以下优势:

  1. 快速开发:活字格低代码平台提供了可视化的设计器和预置界面组件,使得开发人员无需从零开始编写大量代码,从而加快了开发速度。
  2. 易于维护:通过使用活字格低代码平台开发功能,开发人员可以更容易地维护和更新应用程序,因为其开发过程更加透明和易于理解。
  3. 快速迭代:低代码平台通常支持快速迭代和修改,使得开发人员能够更快地响应需求变化并进行更新。

活字格低代码平台能够帮助开发人员更高效地开发短信验证码登录功能,节约时间和成本,同时降低了技术门槛,让更多的人参与到应用开发中来。

活字格低代码开发短信验证码登录功能概览

活字格低代码开发平台开发短信验证码系统,适用于手机号作为用户名,使用手机号获取验证码进行登录,也可以通过手机号+密码的方式进行登录。用户可根据实际场景灵活应用或者扩展,比如,手机号作为用户的自定义属性进行扩展。您可以在线体验短信验证码功能

预览图

图形用户界面, 应用程序

系统介绍

使用流程

图示

注:使用手机号登录前,请先了解阿里云发送短信,并完成AccessKeyId和AccessKeySecret申请,将申请的key和模板,添加到服务端命令中,具体的操作请参考上述教程(本DEMO以阿里云短信作为载体。如果需要使用腾讯云短信,可以了解腾讯云发送短信)。

图形用户界面, 应用程序

功能说明

1.数据层

系统中共有9张表,6张分析页引用表,1张手机号登录数据表,以及用户信息视图和帮助手册表,分析页引用表:仅用于分析页展示。手机号登录数据表:验证码5分钟后过期,用于记录生成的验证码,过期时间,是否使用等,后续验证逻辑中会在后台调用校验。知识点手册:第三章 建立业务数据 - 活字格V8帮助手册第四章 字段类型 - 活字格V8帮助手册。帮助手册表:存储本文档内容,勿动,可删除。

2.界面层

-插件:本场景demo使用的单元格样式除原生样式外,使用如下插件:PC组件包—Element Plus - 葡萄城市场 (grapecity.com.cn)

**-母版页:**本场景demo的母版页应用了横向菜单导航母版,用于菜单导航。知识点手册:创建母版页 - 活字格V8帮助手册第九章 命令 - 活字格V8帮助手册

**-组件:**本场景demo使用组件目的有二,其一为更便捷的UI布局,在登录页中使用标签页头切换不同的登录页面组件,便于维护。其二为复用,如弹窗的各种按钮组。具体使用方式可参考工程示例。知识点手册:第二十七章 组件 - 活字格V8帮助手册组件基础课程组件高级课程

**-标准页面设计:**活字格的基础页面设计,部分页面涉及到一些图文列表的高级使用方法与布局样式的设计。知识点手册:第二十九章 设计与美化 - 活字格V8帮助手册

3.逻辑层

**-插件:**本场景demo中名片识别功能,使用如下连接器:阿里云发送短信

-前端命令:调用服务端命令实现短信验证码发送和登录验证逻辑-服务端命令

账号登录如下:

图形用户界面

短信验证码生成和存储,如下:

图形用户界面, 文本, 应用程序

图形用户界面, 文本, 应用程序, 电子邮件

发送短信验证码

图形用户界面

短信验证码登录

注意:短信验证码登录使用的是单点登录的逻辑,需要设置应用url(baseUrl),同时需要在设计器中设置单点登录密码,在服务端命令中引用。参考:单点登录;知识点手册:第二十五章 服务端命令 - 活字格V8帮助手册

图形用户界面, 文本, 应用程序, 电子邮件

4.用户与权限

本场景demo的用户使用了Admin用户进行访问,未设置权限控制。

以上就是使用活字格低代码开发平台快速实现通知公告系统,您可以在线体验短信验证码功能


活字格企业级低代码开发平台 | 下载试用

活字格 是葡萄城基于在专业控件领域 40 年的技术积累而推出的企业级低代码开发平台 ,由简单易用的可视化设计器和部署灵活的服务器构成,能帮助开发人员、IT 技术人员和业务人员快速构建美观易用、架构专业、安全可控的企业级多终端应用,并随需而变。活字格高度开放灵活,支持云部署和本地部署,能与微信、钉钉及各行业应用软件无缝集成,并可对接智能硬件、AI 等技术,全面支撑核心业务系统开发。

了解更多关于活字格企业级低代码开发平台内容,请点击此处访问官网,立即下载体验。