> >

概述及资源

本文用于详细说明验证前端相关的所有配置和接口。

环境需求

条目
兼容性	IE9+、Chrome、Firefox、Safari、Opera、主流手机浏览器、iOS 及 Android上的内嵌Webview

安装

准备工作：确保已经在极验用户后台获取到了captchaId

引入初始化函数(gt4.js下载地址: https://static.geetest.com/v4/gt4.js)

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

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

需要说明的是这里的gt4.js文件，它用于加载对应的验证JS库

通过以上代码引入 `initGeetest4` 初始化函数

调用初始化函数进行初始化

initGeetest4({
    captchaId: '您的captchaId'
},function (captcha) {
    // captcha为验证码实例
    captcha.appendTo("#captcha");// 调用appendTo将验证码插入到页的某一个元素中，这个元素用户可以自定义
});

注：对于同一个页面存在多个验证码场景的初始化，需要每个验证码场景调用 initGeetest4 方法单独进行初始化；如果一个场景下有多个验证入口，需要进行多次初始化。如果在iframe中使用验证码，需要设置sandbox=“allow-scripts allow-popups”来保证验证码功能完整性。

captchaId是必需配置的参数，可选配置参数参考 Web API 的参数配置

平台支持说明

H5	Angular	React	Vue(2、3)	React-native	Flutter	Uniapp
✓	✓	✓	✓	✓	✓	✓

H5：https://github.com/geetestweb/gt4-public-client-demo

Angular：https://github.com/geetestweb/gt4-public-client-demo/tree/angular

React：https://github.com/geetestweb/gt4-public-client-demo/tree/react

Vue3：https://github.com/geetestweb/gt4-public-client-demo/tree/vue3

React-native：https://github.com/geetestweb/gt4-public-client-demo/tree/react-native

Flutter：https://github.com/GeeTeam/gt4_flutter_plugin

Uniapp: https://github.com/geetestweb/gt4-public-client-demo/tree/uniapp