웹사이트 또는 애플리케이션 로그인, 등록, 비밀번호 검색과 같은 로그인 인증 시스템에서 인증 코드 기능은 일반적인 사용자 인증 방법이 되었습니다. 인증코드 기능은 악의적인 공격과 로봇 공격을 효과적으로 방지하고, 사용자 데이터와 시스템 보안을 보호할 수 있습니다. 이 글에서는 ThinkPHP6 프레임워크를 사용하여 인증 코드 기능을 구현하는 방법을 소개합니다.
1. ThinkPHP6 인증 코드 기능 소개
ThinkPHP6 프레임워크의 인증 코드 기능은 thinkcaptchaCaptcha 클래스를 사용하여 구현할 수 있습니다. 이 클래스는 인증코드의 길이, 글꼴, 글꼴 크기, 간섭선 유형, 간섭점 유형 등을 설정할 수 있는 다양한 옵션을 제공합니다. 이러한 옵션을 사용하면 특정 비즈니스 시나리오의 요구 사항을 충족하도록 자체 확인 코드를 사용자 정의할 수 있습니다.
2. 구현 단계
로컬 환경에서 PHP 환경을 구성한 후 Composer를 사용하여 ThinkPHP6 프레임워크를 설치할 수 있습니다. 명령줄에 다음 명령을 입력하세요.
composer create-project topthink/think myproject
이렇게 하면 myproject라는 프로젝트 디렉터리가 생성되고 프로젝트에 필요한 모든 종속성을 자동으로 설치 및 초기화합니다.
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 클래스를 사용하여 인증 코드를 생성합니다. 인증 코드의 길이, 간섭선 사용 여부, 간섭 지점 사용 여부 등을 지정하기 위해 일부 매개변수를 전달합니다.
위 컨트롤러 코드에서는 $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，在点击图片时重新加载验证码图片，以更新验证码。
我们可以在提交表单数据时，使用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 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>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() 함수를 사용합니다.
사용자가 보다 빠르게 인증을 통과할 수 있도록 사용자가 인증코드를 잘못 입력한 경우 인증코드를 새로고침하는 기능을 제공해야 하는 경우가 있습니다. 간단히 페이지를 새로 고치거나 인증 코드 이미지의 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>위 내용은 ThinkPHP6을 사용하여 인증 코드 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
