ThinkPHP6을 사용하여 인증 코드 기능을 구현하는 방법

WBOY
풀어 주다: 2023-06-21 17:48:35
원래의
3275명이 탐색했습니다.

웹사이트 또는 애플리케이션 로그인, 등록, 비밀번호 검색과 같은 로그인 인증 시스템에서 인증 코드 기능은 일반적인 사용자 인증 방법이 되었습니다. 인증코드 기능은 악의적인 공격과 로봇 공격을 효과적으로 방지하고, 사용자 데이터와 시스템 보안을 보호할 수 있습니다. 이 글에서는 ThinkPHP6 프레임워크를 사용하여 인증 코드 기능을 구현하는 방법을 소개합니다.

1. ThinkPHP6 인증 코드 기능 소개

ThinkPHP6 프레임워크의 인증 코드 기능은 thinkcaptchaCaptcha 클래스를 사용하여 구현할 수 있습니다. 이 클래스는 인증코드의 길이, 글꼴, 글꼴 크기, 간섭선 유형, 간섭점 유형 등을 설정할 수 있는 다양한 옵션을 제공합니다. 이러한 옵션을 사용하면 특정 비즈니스 시나리오의 요구 사항을 충족하도록 자체 확인 코드를 사용자 정의할 수 있습니다.

2. 구현 단계

  1. ThinkPHP6 프레임워크 설치

로컬 환경에서 PHP 환경을 구성한 후 Composer를 사용하여 ThinkPHP6 프레임워크를 설치할 수 있습니다. 명령줄에 다음 명령을 입력하세요.

composer create-project topthink/think myproject
로그인 후 복사

이렇게 하면 myproject라는 프로젝트 디렉터리가 생성되고 프로젝트에 필요한 모든 종속성을 자동으로 설치 및 초기화합니다.

  1. 확인 코드 방법 생성

ThinkPHP6 프레임워크에서는 컨트롤러에서 확인 코드 방법을 정의할 수 있습니다. 예를 들어 Index 컨트롤러에서 verify 메서드를 만들 수 있습니다. 이 메소드는 인증 코드의 길이를 지정하는 매개변수를 허용할 수 있습니다. 코드는 다음과 같습니다.

namespace appindexcontroller;

use thinkcaptchaCaptcha;

class Index
{
    public function verify($length = 4)
    {
        $captcha = new Captcha([
            'length'    =>  $length,
            'useNoise'  =>  true,
            'fontSize'  =>  30,
            'useCurve'  =>  false,
        ]);
        return $captcha->entry();
    }
}
로그인 후 복사

위 코드에서는 Captcha 클래스를 사용하여 인증 코드를 생성합니다. 인증 코드의 길이, 간섭선 사용 여부, 간섭 지점 사용 여부 등을 지정하기 위해 일부 매개변수를 전달합니다.

  1. 인증 코드 표시

위 컨트롤러 코드에서는 $captcha->entry() 메소드를 사용하여 인증 코드를 표시합니다. 이 방법은 이미지를 생성하고 브라우저에 직접 이미지를 출력합니다. $captcha->entry()方法来显示验证码。这个方法将会生成一张图片,并在浏览器上直接输出图片。

我们可以在模板或视图文件中创建一个img元素,将它的src属性设置为我们在步骤2中创建的验证码方法的URL,即可在前端页面上显示验证码了。代码如下:

<img src="{:url('index/verify', ['length'=>4])}" onclick="this.src=this.src+'?rand='+Math.random()" />
로그인 후 복사

在上面的代码中,我们使用url函数生成验证码图片的URL,并将长度设定为4,在点击图片时重新加载验证码图片,以更新验证码。

  1. 校验验证码

我们可以在提交表单数据时,使用PHP的session机制来获取用户输入的验证码,然后与生成的验证码进行比较来校验验证码是否正确。代码如下:

namespace appindexcontroller;

use thinkcaptchaCaptcha;

class Index
{
    public function verify($length = 4)
    {
        $captcha = new Captcha([
            'length'    =>  $length,
            'useNoise'  =>  true,
            'fontSize'  =>  30,
            'useCurve'  =>  false,
        ]);
        return $captcha->entry();
    }
    
    public function check()
    {
        $code = input('post.captcha');
        if(captcha_check($code)){
            // 验证码正确
        }else{
            // 验证码错误
        }
    }
}
로그인 후 복사

在上面的代码中,我们定义了一个check方法,用于校验用户输入的验证码。我们使用captcha_check()

템플릿이나 뷰 파일에 img 요소를 생성하고 src 속성을 2단계에서 생성한 인증 코드 방법의 URL로 설정하면 인증 코드가 프런트엔드 페이지에 표시될 수 있습니다. 코드는 다음과 같습니다.
    <img id="captcha" src="{:url('index/verify', ['length'=>4])}" onclick="this.src=this.src+'?rand='+Math.random()" />
    <button onclick="document.getElementById('captcha').src='{:url('index/verify', ['length'=>4])}?' + Math.random(); return false;">刷新验证码</button>
    로그인 후 복사
  1. 위 코드에서는 url 함수를 사용하여 인증코드 이미지의 URL을 생성하고 길이를 4로 설정했습니다. 이미지를 클릭하면 인증코드 이미지가 다시 로드되어 업데이트됩니다. 인증 코드.
    1. 확인 코드 확인

      PHP의 세션 메커니즘을 사용하여 사용자가 양식 데이터를 제출할 때 입력한 확인 코드를 얻은 다음 생성된 확인 코드와 비교하여 확인이 맞는지 확인할 수 있습니다. 코드가 맞나요? 코드는 다음과 같습니다.

      namespace appindexcontroller;
      
      use thinkcaptchaCaptcha;
      
      class Index
      {
          // 验证码函数
          public function verify($length = 4)
          {
              $captcha = new Captcha([
                  'length'    =>  $length,
                  'useNoise'  =>  true,
                  'fontSize'  =>  30,
                  'useCurve'  =>  false,
              ]);
              return $captcha->entry();
          }
          
          // 验证码校验函数
          public function check()
          {
              $code = input('post.captcha');
              if(captcha_check($code)){
                  // 验证码正确
              }else{
                  // 验证码错误
              }
          }
      }
      로그인 후 복사

      위 코드에서는 사용자가 입력한 인증 코드를 확인하기 위한 확인 방법을 정의합니다. 사용자가 입력한 인증코드와 생성된 인증코드가 동일한지 비교하기 위해 captcha_check() 함수를 사용합니다.

      1. 인증코드 새로고침 기능

      사용자가 보다 빠르게 인증을 통과할 수 있도록 사용자가 인증코드를 잘못 입력한 경우 인증코드를 새로고침하는 기능을 제공해야 하는 경우가 있습니다. 간단히 페이지를 새로 고치거나 인증 코드 이미지의 URL을 수정하여 이 기능을 수행할 수 있습니다.

      프런트 엔드 페이지에서 인증 코드 이미지 요소에 새로 고침 버튼을 추가하면 인증 코드 이미지를 다시 로드하여 인증 코드를 업데이트할 수 있습니다. 코드는 다음과 같습니다.

      <!-- 登录表单页面 -->
      <form method="post" action="{:url('index/check')}">
          <div>
              <label>用户名</label>
              <input type="text" name="username" />
          </div>
          <div>
              <label>密码</label>
              <input type="password" name="password" />
          </div>
          <div>
              <label>验证码</label>
              <img id="captcha" src="{:url('index/verify', ['length'=>4])}" onclick="this.src=this.src+'?rand='+Math.random()" /><br/>
              <input type="text" name="captcha" />
              <a href="#" onclick="document.getElementById('captcha').src='{:url('index/verify', ['length'=>4])}?' + Math.random(); return false;">刷新验证码</a>
          </div>
          <button type="submit">登录</button>
      </form>
      로그인 후 복사
      🎜위 코드에서는 JavaScript 코드를 사용하여 인증코드 이미지의 src 속성을 수정하고, Math.random() 함수를 url 함수에 매개변수로 전달합니다. 이렇게 하면 새로 고칠 때마다 확인 코드를 다시 로드하기 위한 새 URL이 생성됩니다. 🎜🎜🎜전체 샘플 코드🎜🎜🎜위의 코드 조각은 충분하지 않을 수 있습니다. 다음은 ThinkPHP6을 사용하여 인증 코드 기능을 구현하는 전체 코드입니다. 🎜rrreeerrreee🎜위는 ThinkPHP6를 사용하여 인증코드 기능을 구현하는 전체 과정입니다. 웹 애플리케이션이나 웹사이트를 개발하는 경우 인증 코드 기능을 사용하면 시스템 보안을 강화하고 악의적인 공격으로부터 사용자 데이터를 보호할 수 있습니다. 🎜

      위 내용은 ThinkPHP6을 사용하여 인증 코드 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    관련 라벨:
    원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿