前端Vue项目——登录页面实现

本文介绍了如何在Vue项目中实现geetest滑动验证的完整流程,包括web部署、初始化函数的引入和初始化、产品参数设置,以及在Login页面中对接geetest接口,配置验证方法。此外,还涵盖了二次验证数据处理和登录功能的实现。
摘要由CSDN通过智能技术生成

一、geetest滑动验证

  geetest官方文档地址:https://docs.geetest.com/

  产品——极速验证:基于深度学习的人机识别应用。极验「行为验证」是一项可以帮助你的网站与APP识别与拦截机器程序批量自动化操作的SaaS应用。它是由极验开发的新一代人机验证产品,它不基于传统“问题-答案”的检测模式,而是通过利用深度学习对验证过程中产生的行为数据进行高维分析,发现人机行为模式与行为特征的差异,更加精准地区分人机行为。

1、web部署介绍

  客户端官方文档:https://docs.geetest.com/install/deploy/client/web/

(1)引入初始化函数

  通过引入 gt.js 文件,引入 initGeetest 初始化函数。

<script src="gt.js"></script>

  注意:行为验证要求初始化在业务页面加载同时初始化,否则验证无法读取用户在业务页面操作的行为数据,导致验证策略失效。

  这里的 gt.js 文件,它用于加载对应的验证JS库。在每个后端语言的sdk中都存有一份,开发者部署到实际环境需要将该文件复制到相应的项目中使用。

  之前该文件地址是 https://static.geetest.com/static/tools/gt.js  ,改为存放在用户的项目中,防止静态服务器出问题无法加载该文件。

(2)调用初始化函数初始化 
ajax({
    url: "API1接口(详见服务端部署)",
    type: "get",
    dataType: "json"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值