前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >旧项目集成阿里云滑动验证码(web和H5方式)

旧项目集成阿里云滑动验证码(web和H5方式)

作者头像
JaneYork
发布2024-05-25 14:17:26
330
发布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​

接入指南:

​https://help.aliyun.com/zh/captcha/captcha2-0/user-guide/access-guidelines?userCode=pqofinu5&type=copy​

H5代码

核心要有一个DOM元素<div id="captcha-element"></div>,

先引入JS

JS代码可以直接复制,其中中文标注的,需要结合业务修改即可。其他都是固定的

如下示例代码

代码语言:javascript
复制
<!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 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 简述
  • 前情提示
  • 一说
  • 文档
  • H5代码
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档