uni-captcha验证码模块

举报
代码哈士奇 发表于 2021/05/20 18:40:27 2021/05/20
【摘要】 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

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。