标签搜索

ThinkPHP5 集成极验拖动验证码

admin
2018-05-30 / 2 评论 / 255 阅读 / 正在检测是否收录...

概述:

传统的验证码是一种区分用户是计算机还是人的公共全自动程序。可以防止:恶意破解密码、刷票、论坛灌水,有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试。而极验与以往传统验证码不同的是,极验通过分析用户完成拼图过程中的行为特征,通过数据分析来判断是人还是机器。用户不必面对眼花缭乱的英文字符或汉字,整个验证过程变的像游戏一样有趣。

geetest 集成的大致过程

1、在官网注册一个账号。
2、在后台中进入行为验证、新增一个验证。获取ID、和KEY

3、实现编码
4、测试

详细过程如下

1、在tp5中创建一个测试模块,创建对应的控制器、与视图。
创建一个login方法渲染登陆视图

创建对应的登陆视图

2、下载官方提供的demo文件

config 文件存的是配置,配置极验的ID、KEY。在项目中我们直接使用申明变量的方式获得ID和KEY。
lib/class.geetestlib.php 文件是极验验证码的主要文件。
将  lib/class.geetestlib.php文件复制到tp5中的扩展类库目录(extend)中,更改文件名为 GeetestLib.php
将静态文件static/gt.js复制到tp5静态文件资源中。到此,准备工作都已完毕。
3、创建一个方法,用来调用。
首先new一个GeetestLib对象。因为GeetestLib类放在tp5中的扩展类库目录中的,所以可以直接用\来找到。

4、在视图文件中
创建一个表单,添加几个输入框,一个按钮。如下

其中,在提交的按钮中,定义id
5、js代码如下

url:是你提交验证的地址。
6、打开界面验证是否成功

测试成功,只是核心的登陆逻辑没写,但是验证码能成功验证。具体的代码可以参考官方提供的demo。
第一次写文章,肯定写得不好,多担待O(∩_∩)O

0

评论 (2)

取消
  1. 头像
    若雨
    Windows 7 · Google Chrome

    :razz: :evil:

    回复
    1. 头像
      若雨
      Windows 7 · Google Chrome
      @ 若雨

      dada

      回复