uni-captcha验证码模块

2021-10-25 11:40:36 浏览数 (1)

使用uni-captcha快速的搭建验证码模块 废话不说,开始

创建项目

创建一个uni-app云开发项目

需要创建一个云服务空间

https://unicloud.dcloud.net.cn/ 创建服务空间 推荐阿里云 免费

配置模块

第一步肯定是安装模块了,公共模块

插件市场导入 https://ext.dcloud.net.cn/plugin?id=4048

我这里用的非uni_modules

导入完成后是这样的

配置云数据库

验证码模块需要创建一个云数据库,可以通过模板创建

进入云服务空间 找到云数据库创建

创建完毕即可

编写云函数测试

注意 以下出现的scene为验证码使用环境 这里统一使用"login"

更多参数参考插件市场

这里为了大家方便看,获取,刷新,验证分成了三个云函数

创建云函数

首先是管理依赖模块

选中

获取验证码

响应结果如下

如何引用呢

客户端调用

刷新验证码

它的网络请求结果和获取验证码的基本上是一致的

客户端调用

这里我们给验证码图片也加上了刷新 点击图片即可刷新

验证

验证需要传入scene(使用场景),以及captcha(验证码)

客户端调用

验证

额外说明

可以设置不同的scene来区分,登录,注册,等待

且这些验证码都会被存储在云数据库

0 人点赞