uni-captcha验证码模块

今天药忘吃喽~ 2023-01-13 09:47 185阅读 0赞

使用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 条评论，185人围观）

还没有评论，来说两句吧...

相关阅读

    相关 验证码

    验证码的验证是我们登陆网页时经常进行的操作，我也做了一个简单的验证码，包括颜色以及噪线等等 @RequestMapping(value = "/Frame/Verif

    r囧r小猫r囧r小猫/ 0 赞/ 299 阅读

    相关 验证码

    1、需求      在访问登录页面时，需要生产验证码。从而防止用户使用程序恶意登录。 2、代码实现      步骤1：修改登录页面，确定验证码图片显示的位置 !

    柔光的暖阳◎柔光的暖阳◎/ 0 赞/ 336 阅读

    相关 验证码---短信验证码

    最近自学了短信的验证码实现。以下是自己用的一种方法实现的完整的过程。 短信验证登陆(前端+后台) 1、前端填写手机号以及点击触发，以电话号码为参数调用发送验证登录短信方法并

    青旅半醒青旅半醒/ 0 赞/ 751 阅读