uni-captcha验证码模块

【摘要】 uni-captcha验证码模块

使用uni-captcha快速的搭建验证码模块
废话不说,开始
在这里插入图片描述

创建项目

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

图片.png

需要创建一个云服务空间

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

配置模块

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

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

我这里用的非uni_modules

图片.png

导入完成后是这样的
图片.png

配置云数据库

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

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

图片.png

创建完毕即可

编写云函数测试

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

更多参数参考插件市场

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

创建云函数
图片.png

首先是管理依赖模块

图片.png
图片.png

选中

获取验证码

图片.png

响应结果如下

图片.png

如何引用呢

客户端调用

图片.png

图片.png
图片.png

刷新验证码

图片.png

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

客户端调用
图片.png

图片.png

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

验证

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

客户端调用

图片.png

图片.png

验证

图片.png

额外说明

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

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

图片.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享