旧项目集成阿里云滑动验证码（web和H5方式）
旧项目集成阿里云滑动验证码（web和H5方式）
JaneYork
发布于 2024-05-25 14:17:26
发布于 2024-05-25 14:17:26
简述
旧项目集成阿里云滑动验证码（web和H5方式）
适用于servlet和HTML项目，VUE + springboot请看另一篇文档
前情提示
系统：
一说
- 部分截图、链接等因过期、更换域名、MD语法等可能不显示，可联系反馈（备注好博文地址），谢谢❤
- 带有
#号、删除线、不操作、不执行字样的为提示或者备份bash，实际不执行 - 如果无法下载、无法复制，请评论后留言即可。收到消息后会第一时间回复～
- 知识付费，1对1技术支持：https://www.yuque.com/janeyork/blog/qorzdcrp4gbxy82w?singleDoc#
有账号的朋友，可以点个赞或者评论两句哦，评论后会获得积分奖励～
文档
控制台：https://yundun.console.aliyun.com/?userCode=pqofinu5&type=copy&p=captcha#/overview
接入指南：
H5代码
核心要有一个DOM元素<div id="captcha-element"></div>，
先引入JS
JS代码可以直接复制，其中中文标注的，需要结合业务修改即可。其他都是固定的
如下示例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name=viewport
content="width=device-width,initial-scale=1,maximum-scale&本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2024-05-24，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
验证码
腾讯云新一代行为验证码（Captcha），基于十道安全栅栏， 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时，提供更精细化的用户体验。