B2Pro——Web端使用DCloud的短信验证码功能

释放双眼,带上耳机,听听看~!

本方法基于unicloud云函数:uniCloud.sendSms

主用方法是,将云函数url化,通过B2Pro“手机短信服务商”设置中的“其他”,填入

云函数url化的大概请求完整网址为:

https://{云函数Url化域名}/http/smsCodeone?phone={接收验证码的手机号(b2里填变量#phone#)}&code={随机验证码(b2里填变量#code#)}&expMinute={验证码有效期}&templateId={模板ID}

例子:
https://123.example.com/http/smsCodeone?phone=#phone#&code=#code#&expMinute=10&templateId=11111

获取smsKey和smsSecret

前往uniapp开发者中心 申请自己的签名和模板。(一般上午申请,当天就会通过)

%title插图%num

然后到基础配置页面 复制smsKey和smsSecret 接下来要用。

%title插图%num

创建uniCloud云服务空间

看这篇文章:uni-app学习笔记之—-如何创建uniCloud云服务空间

编写、部署云函数

首先在uniCloud/cloudfunctions下右键点击新建云函数,函数名称为:sendSms。

%title插图%num

点击创建后,编辑器会自动打开sendSms下的index.js文件,接下来我们将下面云函数代码复制进去,根据注释修改即可。

云函数代码如下:

说明:必传的参数有

phone(即接收验证码的收手机号)

code(即随机生成的验证码)

templateId(即申请通过后的模板ID)

剩下两个可写可不写,如果B2Pro主题后期支持了自定义过期时间,有变量了,可以写上。

用途的话,不要随便写,如果你申请短信模板的时候没说明你的场景包含“注册”这一行为请自行替换为其他的用途。

接下来我们需要云函数url化,进入你上传该云函数的服务空间,依次点击左侧的“云函数”、“函数列表”,找到函数名称:sendSms(这里的名称取决于你编写代码前,创建的文件夹名称),点击右侧的“详细”

拉到最下面有一个云函数URL化,点击左下角的编辑,在云函数url域名后面写上/http/smsCodeone。最后拼出来的就跟我开始说的一样:https://{云函数Url化域名}/http/smsCodeone?后面跟参数。

Web后台设置

按照文章开头给的请求地址格式,自己填写对应的参数

然后进入B2主题设置-常规设置-登录与注册页面

将刚才填写好的请求地址填入到:“接口网址”的文本框内(请确保你的手机短信服务商设置项选择为:其他)

“成功发送短信,返回代码”设置项为:true,因为请求成功与否的明显差别为 请求成功返回的success为true,反之为false,故建议填写true。

B2Pro——Web端使用DCloud的短信验证码功能-1

至此大功告成

给TA买糖
共{{data.count}}人
人已赞赏
生活日记学习日记

迎国庆,换新颜,快来装饰属于你的国庆头像吧!

2021-9-29 20:25:00

学习日记

CentOS7 添加新用户并授权 root 权限

2021-10-14 10:36:59

版权声明 本站所发布的一切与破解相关的文章仅限用于学习和研究目的,请在下载后的24个小时之内,从您的电脑中彻底删除。所有资源均来自于网络,不得用于商业或者非法用途,否则一切后果请用户自负。如有问题请及时与我联系,QQ:526733428,或提交工单。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索