h5小程序接入极验防止恶意发送短信提高安全

在日常业务开发中我们肯定经常遇到用户登录需求，尤其是运营活动之类的前端页面，不可绕开的是根据手机号发送验证码，为了避免发送验证码被强刷，故需要接入极验插件，个人总结了极验的真实使用场景，供大家参考，避免入坑

极验官方文档地址：https://docs.geetest.com/sens…

h5 极验配置

• 在官方文档中下载 gt 文件(此 gt 文件放在服务端的 sdk 中，自己 clone 下来从里面 copy 出来)，放到自己的项目中, 我是放在公共的文件下的，

• 然后某个页面使用的话直接引用注入，例如我是放在我的这个页面中，直接引用的，gt 文件是个立即执行函数挂载在 window 上的

• 准备工作已经做完，接下来该初始化极验的实例(极验的原理是，服务端获取官方的 sdk 去签名一次，然后接入接口 api1，完成初始化)

• 接下来我们封装下 api1 接口 (由你们服务端提供，主要用来获取gt，challenge，success 字段初始化极验）

• 然后在每次发送验证码 (api2 你们后端发送验证码接口必须是 post，如果是 get，转义掉) 切记每次发送验证码按钮点击前都需要从新获取 api1 从新初始化极验证

• 当极验初始化好 ready 后直接吊起极验弹框 (这里我使用的是 product 模式) 想配置其他模式可参考官方文档(float、popu、custom、bind), 用户手动验证后极验会有返回，提供三个回调，success,error,close 三个回调用来处理你的逻辑代码** 注意这里只要操作过极就调用它的 distory 这样就 ok 了

小程序配置稍有不同(因为没有 dom，无法插入极验 dom，故需要预先注册组件), 后续更新