时间:2021-05-26
在项目中使用滑动验证,可以调用腾讯云的组件和接口(付费项目)
导言
首先看看官方的步骤教学:
https://cloud.tencent.com/document/product/1110/36839
其中,前端涉及到的是“步骤3:客户端接入”,里面介绍了两种接入方法:“快速接入”和“定制接入”。
项目是原生HTML 或者 jQuery 开发,那么可以使用“快速接入”。
项目使用 vue、react 等框架开发,则需要使用“定制接入”。
步骤
1、新建项目对应 appid
在 验证码控制台 中注册 AppID 和 AppSecret。
其中的“所在网址”可以填本地开发IP地址,例如 “192.168.20.28”
注意,自己测试的话,需要先领取免费包。即在 APPID 列表里新建验证成功后,选择列表 table 上面的 “领取免费包”,领取2万次调用次数
2、在 index.html 中引入验证 js 文件
3、在按钮中绑定点击事件,实例化 TencentCaptcha ,制定回调函数
其中,腾讯返回的数据格式是这样的:
appid: "xxxx"bizState: "xxx"randstr: "@0N2"ret: 0 // 2 代表用户关闭验证弹窗ticket: "xxxxx"4、在线调试
后台未接入腾讯云验证接口,也可以通过腾讯云提供的在线调试工具,测试验证结果
步骤:
到此这篇关于vue如何在项目中调用腾讯云的滑动验证码的文章就介绍到这了,更多相关vue 腾讯云滑动验证码内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了Vue插件之滑动验证码用法。分享给大家供大家参考,具体如下:目录预览基于滑动式的验证码,免于字母验证码的繁琐输入用于网页注册或者登录安装使用方法更
在登入页面,我们往往需要通过输入验证码才能进行登入,那我们下面就详讲一下在vue项目中如何配合element-ui实现这个功能第一步:自定义一个生产随机验证码的
验证码逻辑以前在项目中也做过验证码,生成验证码的代码网上有很多,也有一些第三方的jar包也可以生成漂亮的验证码。验证码逻辑很简单,就是在登录页放一个image标
使用Python的pillow模块random模块随机生成验证码图片,并应用到Django项目中安装pillow$pip3installpillow生成验证码图
本文实例讲述了ZendFramework生成验证码并实现验证码验证功能的方法。分享给大家供大家参考,具体如下:今天讲述如何在留言本中实现验证码的功能..这样有利