很多情况下需要对手机号的真实性进行校验,以确保收集的手机号真实有效。
本文将通过短信验证的接口及简道云 前端事件 ,为您详细讲解手机号验真案例的设置方法。
以活动报名的场景为例,在表单中输入手机号码后,点击「获取验证码」,对应手机号即可收到包含验证码的短信,只有在「请输入验证码」字段中输入正确的验证码,才能成功提交表单,效果如下:
首先我们需要找到一个支持手机短信验证的接口,我们以阿里云官方提供的接口为例,讲解如何在简道云的前端事件中配置:。
我们先购买一个 0 元/15 次的体验版本,可以在 云市场 已购买的服务中看到我们刚刚购买的接口。
接下来,,往下翻到 API 接口的详情介绍,对「短信接口」进行分析。
【调用地址】:http://dfsns.market.alicloudapi.com/data/send_sms 或 https://dfsns.market.alicloudapi.com/data/send_sms
【返回类型】:JSON
【请求的Headers】:Authorization: APPCODE +英文空格+ 你自己的 APPCODE(服从阿里云云市场的标准鉴权方式)
Authorization:APPCODE AppCode值
code 为短信模板上的参数;1234 为参数值,可自定义传参。当有多个参数(如 TPL_0001 模板),以半角逗号“,”分隔。
模板 ID:代表整体短信文案模板
{
"request_id": "TID8bf47ab6eda64476973cc5f5b6ebf57e",
"status": "OK"
}
以活动报名的场景为例:
新建「活动报名表」表单,字段设置如下:
选择报名活动
生成默认 CODE
不显示标题,设置选项为:获取验证码
请输入验证码
1)选中「生成默认 CODE」字段,在「字段属性 >> 默认值」处,设置默认值为「公式编辑」,点击下方「编辑公式」:
2)在公式编辑页面,设置「生成默认 CODE」字段的公式如下:
INT(RAND()*(9999-1000)+1000)
表示生成随机的 4 位数。
3.3 设置表单校验
1)在「表单属性 >> 表单提交校验」处,点击下方「添加校验条件」:
2)进入提交校验设置页面,设置不满足校验条件时提示文字为:「验证码不一致!」;设置公式如下:
请输入验证码==生成默认CODE
1)对于表单中的辅助字段「生成默认CODE」,可以在「字段属性 >> 字段权限」处设置字段为不可见:
2)在「表单属性 >> 不可见字段赋值」处whatsapp网页版telegram中文版,设置赋值规则为「始终重新计算」:
添加好了以后,即可在表单属性中配置前端事件:
添加好前端事件后,首先设置前端事件的基础信息,即事件名称和事件说明,用于区分前端事件:
设置触发动作:触发字段选择「获取验证码」字段。
根据【2.2 接口分析】章节whatsapp网页版,设置执行动作如下:
https://dfsns.market.alicloudapi.com/data/send_sms
注:可以在 云市场 已购买的服务中看到我们购买的接口,并获取对应的 APPCODE。
code:「生成默认CODE」字段
「手机号码」字段
全部设置完成记得点击「确定」进行保存。
此接口不需要设置返回值。
1)按照上述步骤,已完成前端事件的全部设置,接下来点击「保存并调试」,可进入调试,检查配置有无问题。
2)填写手机号码,然后点击底部「发送请求」,即可看到返回内容与正常返回示例一致,即配置成功。
