uni-captcha验证码模块

代码哈士奇
• 阅读 1067

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

创建项目

创建一个uni-app云开发项目 uni-captcha验证码模块 需要创建一个云服务空间

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

配置模块

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

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

我这里用的非uni_modules

uni-captcha验证码模块 导入完成后是这样的 uni-captcha验证码模块

配置云数据库

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

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

uni-captcha验证码模块 创建完毕即可

编写云函数测试

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

更多参数参考插件市场

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

创建云函数 uni-captcha验证码模块

首先是管理依赖模块 uni-captcha验证码模块)uni-captcha验证码模块选中

获取验证码

uni-captcha验证码模块 响应结果如下 uni-captcha验证码模块 如何引用呢

客户端调用

uni-captcha验证码模块 uni-captcha验证码模块)uni-captcha验证码模块

uni-captcha验证码模块

刷新验证码

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

客户端调用

uni-captcha验证码模块 uni-captcha验证码模块

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

验证

验证需要传入scene(使用场景),以及captcha(验证码) uni-captcha验证码模块 客户端调用

uni-captcha验证码模块 uni-captcha验证码模块 验证

uni-captcha验证码模块

额外说明

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

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

uni-captcha验证码模块

点赞
收藏
评论区
推荐文章

暂无数据