当前位置:   article > 正文

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

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

简述

旧项目集成阿里云滑动验证码(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代码可以直接复制,其中中文标注的,需要结合业务修改即可。其他都是固定的

如下示例代码

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name=viewport
  6. content="width=device-width,initial-scale=1,maximum-scale&
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/164895
推荐阅读
相关标签
  

闽ICP备14008679号