Laravel integriert das PHP-Beispiel der Geetest-Bestätigungscodemethode

In diesem Artikel wird hauptsächlich die Methode zur Integration des Geetest-Verifizierungscodes in Laravel vorgestellt. Der Herausgeber findet sie recht gut, daher werde ich sie jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Editor, um einen Blick darauf zu werfen

Der allgemeine Prozess der Geetest-Integration

1. Die allgemeine Logik zur Realisierung der Anmeldung

2. Registrieren Sie ein Jixian-Konto

3. Registrieren Sie eine Verhaltensüberprüfung in der Hintergrundverwaltung von „Jixian“

4. Konfigurieren Sie unseren Controller und unser Routing gemäß der offiziellen Demo

5. Konfigurieren Sie unsere Anmeldevorlage gemäß der offiziellen Demo

6. Test

Detaillierter Prozess der Geetest-Integration

1. Implementieren Sie die allgemeine Login-Logik

Erstellen Sie den Controller per PHP-Handwerker :controller GeetestController

Controller/app/Http/Controllers/GeetestController bearbeiten

<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
/**
* 这是一个集成 Geetest 验证码的 Demo 类
*/
class GeetestController extends Controller
{ 
 /**
 * 导入登录视图
 */
 public function login() {
  return view(&#39;Geetest/login&#39;);
 }
 **
 * 验证用户信息
 */
 public function check() {
  return &#39;用户已经在前端通过了验证码验证, 你可以在这里完善后续的逻辑&#39;;
 }
}

Die Ansicht ist ein einfaches Formular , weggelassen .

2. Weglassen => „Registrieren“

3. Weglassen => „Backend-Anmeldung“ => „Verhaltensüberprüfung“ => Eine ID und einen Schlüssel beantragen

4. Konfigurieren Sie den Controller und das Routing

Zunächst ist die von der Demo bereitgestellte Kernklassenbibliothek eine Klassendatei namens class.geetestlib.php, und der Klassenname lautet GeetestLib. Wir erstellen einen Controller mit demselben Klassennamen, um ihn zu ersetzen. php artisan make:controller GeetestLib

Kopieren Sie nicht die Klasse, sondern kopieren Sie einfach den Inhalt in der Klasse

GeetestController-Steuerung Logik implementieren

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Controllers\GeetestLib; // 我们创建然后拷贝得来的 GeetestLib 核心库

/**
* 这是一个集成 Geetest 验证码的 Demo 类
*/
class GeetestController extends Controller
{ 
 // 这里配置 id & key
 private $captchaId = "5d467a3cb22a9310837d51720c5251f0";
 private $privateKey = "40764e6b94344f780d4b6b07148c9495";

 /**
 * 导入登录视图
 */
 public function login() {
  return view(&#39;Geetest/login&#39;);
 }

 /**
 * 验证用户信息
 */
 public function check() {
  return &#39;用户已经在前端通过了验证码验证, 你可以在这里完善后续的逻辑&#39;;
 }

 /**
 * 实现验证功能： 直接复制官方demo提供得
 */
 public function startCaptchaServlet() {
  // 这里使用配置的 id & key
  $GtSdk = new GeetestLib($this->captchaId, $this->privateKey);
  session_start();
  
  $data = array(
   "user_id" => "test", # 网站用户id
   "client_type" => "web", #web:电脑上的浏览器；h5:手机上的浏览器，包括移动应用内完全内置的web_view；native：通过原生SDK植入APP应用的方式
   "ip_address" => "127.0.0.1" # 请在此处传输用户请求验证时所携带的IP
  );
  
  $status = $GtSdk->pre_process($data, 1);
  $_SESSION[&#39;gtserver&#39;] = $status;
  $_SESSION[&#39;user_id&#39;] = $data[&#39;user_id&#39;];
  echo $GtSdk->get_response_str();
 }
}

Routen/routes/web.php konfigurieren

// 集成 Geetest 验证码
Route::get('GeetestLogin', 'GeetestController@login'); //登录页面
Route::get('GeetestCheck', 'GeetestController@check'); //登录验证 （我们没写具体逻辑）
Route::get('GeetestStartCaptchaServlet', 'GeetestController@startCaptchaServlet'); // 调用方法启用验证码

5. Verbessern Sie die Anmeldevorlage/resources/views/Geetest/login.blade.php

JQuery muss importiert werden (wir verwenden npm run dev compiled app.js, um JQuery zu integrieren)

Demo muss importiert werden, wir legen es unter public/js ab506d8983a822e8f0f1aa6448b551eab92cacc6d41bbb37262a98f745aa00fbf0

Theoretisch kann es auch unter / platziert werden. resouces/assets/js/ und in /resouces/assets/js/app.js kommt require herein, damit es an der Kompilierung teilnehmen kann, und es kann gepackt und direkt in public/js integriert werden, um wirksam zu werden.

In der Vorlage müssen zwei Stilklassen definiert werden: show & .hide => Die für die Steueraufforderungsinformationen von gt.js verwendeten Stile können auch unter /resources/assets/sass/ geschrieben werden.

Geben Sie der Schaltfläche „Anmelden“ zum Senden des Formulars eine ID

Kopieren Sie die in der Demo bereitgestellten Front-End-Logik-JS und achten Sie darauf, diese Schaltfläche zu binden

Bezahlen Beachten Sie die .ajax-Konfiguration. Die URL muss der Pfad sein, den wir in web.php mit „GeetestStartCaptchaServlet“ definiert haben.

Spezifischer Code

<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <!-- 这是我们用 npm run dev 编译后的 css / js -->
 <link rel="stylesheet" href="/css/app.css" rel="external nofollow" >
 <script src="/js/app.js"></script>

 <!-- 这里需要用到两个样式 -->
 <style>
  .show {
   display: block;
  }
  .hide {
   display: none;
  }
 </style>

 <title> Geetest 集成 Demo</title>
</head>
<body>
 <p class="container">
  <p class="row">
   <p class="col-lg-12">
    <h1 class="text-center">Geetest 集成 Demo
     <small>
      <a href="http://www.geetest.com/" rel="external nofollow" rel="external nofollow" > Geetest 官方网站 </a>
     </small> 
    </h1>
   </p>
   <p class="col-lg-12">
    <form method="GET" action="/GeetestCheck">
     <p class="form-group">
      <label for="exampleInputEmail1">模拟邮箱地址</label>
      <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="请输入邮箱...">
      <small id="emailHelp" class="form-text text-muted">我们不会公开您的邮箱</small>
     </p>
     <p class="form-group">
      <label for="exampleInputPassword1">模拟密码</label>
      <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入密码...">
     </p>
     <p class="form-group">
      <p id="embed-captcha"></p>
      <p id="wait" class="show">正在加载验证码......</p>
      <p id="notice" class="hide">请先完成验证</p>
     </p>
     <!-- 这里需要绑定一个按钮 -->
     <button type="submit" class="btn btn-primary" id="embed-submit">登录</button>
    </form>
   </p>
  </p>
 </p>

 <!-- 引用 gt.js -->
 <script src="/js/gt.js"></script>
 <!-- 直接复制官方Demo里的js代码 -->
 <script>
  var handlerEmbed = function (captchaObj) {
   $("#embed-submit").click(function (e) {
    var validate = captchaObj.getValidate();
    if (!validate) {
     $("#notice")[0].className = "show";
     setTimeout(function () {
      $("#notice")[0].className = "hide";
     }, 2000);
     e.preventDefault();
    }
   });
   // 将验证码加到id为captcha的元素里，同时会有三个input的值：geetest_challenge, geetest_validate, geetest_seccode
   captchaObj.appendTo("#embed-captcha");
   captchaObj.onReady(function () {
    $("#wait")[0].className = "hide";
   });
   // 更多接口参考：http://www.geetest.com/install/sections/idx-client-sdk.html
  };
  $.ajax({
   // 获取id，challenge，success（是否启用failback）
   url: "/GeetestStartCaptchaServlet", // 加随机数防止缓存
   type: "get",
   dataType: "json",
   success: function (data) {
    console.log(data);
    // 使用initGeetest接口
    // 参数1：配置参数
    // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它做appendTo之类的事件
    initGeetest({
     gt: data.gt,
     challenge: data.challenge,
     new_captcha: data.new_captcha,
     product: "embed", // 产品形式，包括：float，embed，popup。注意只对PC版验证码有效
     offline: !data.success // 表示用户后台检测极验服务器是否宕机，一般不需要关注
     // 更多配置参数请参见：http://www.geetest.com/install/sections/idx-client-sdk.html#config
    }, handlerEmbed);
   }
  });
 </script>
</body>
</html>

Testerfolg

Orte, die optimiert werden können

Es ist am besten, keinen „Controller“ zu verwenden, da die Kernklassenbibliothek integriert werden sollte an einen anderen Ort

Js und CSS in der Ansichtsvorlage sollten in Ressourcen/Assets geschrieben werden, um an der Kompilierung der Generierung von app.css und app.js teilzunehmen

Wir haben die spezifische Anmeldelogik nicht geschrieben. Sie sollten auch in der Lage sein, zu bestätigen, ob die Geetest-Überprüfung mit der Methode „Anmeldeüberprüfung“ erfolgreich war. Sie können sich auf die Demo

beziehen Ich hoffe auch, dass jeder mehr über die PHP-Website lernen wird.

Artikel, die Sie interessieren könnten:

Phpstorm+Xdebug Breakpoint-Debugging-Methode für PHP-PHP-Instanzen

php strftime-Funktion zum Abrufen von Datum und Uhrzeit PHP-Grundlagen

Beispielcode für ein mehrdimensionales PHP-Array zur Angabe der Mehrfeldsortierung_php-Beispiel

Das obige ist der detaillierte Inhalt vonLaravel integriert das PHP-Beispiel der Geetest-Bestätigungscodemethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!