在Laravel和Livewire中集成Cloudflare Turnstile

Laravel  /  管理员 发布于 9个月前   419

Cloudflare Turnstile 是一款替代 CAPTCHA 的免费工具

Turnstile 仅需一个简单的免费代码片段，即可向网站访问者提供零挫败感、无 CAPTCHA 的 Web 体验。

此外，Turnstile 可以阻止滥用并确认访问者的真实性，

但不会有任何 CAPTCHA 给用户造成的数据隐私担忧或糟糕体验。


想将 Cloudflare Turnstile 验证码集成到您的 Laravel 或 Livewire 应用程序中？

Ryan Chandler 的这个laravel-cloudflare-turnstile软件包让集成变得超级简单。

https://github.com/ryangjchandler/laravel-cloudflare-turnstile


用于 Laravel 的 #Cloudflare Turnstile 使用方法

在布局文件的 <head> 中使用 @turnstileScripts Blade 指令包含 Turnstile 脚本。

<html>
    <head>
        @turnstileScripts()
    </head>
    <body>
        {{ $slot }}
    </body>
</html>


然后，在 <form> 内使用 <x-turnstile /> 组件：

<form action="/" method="POST">
    <x-turnstile />
 
    <button>
        Submit
    </button>
</form>


使用服务器上提供的验证规则来验证验证码响应。

use Illuminate\Validation\Rule;
 
public function submit(Request $request)
{
    $request->validate([
        'cf-turnstile-response' => ['required', Rule::turnstile()],
    ]);
}


带有 Livewire 的 #Cloudflare Turnstile

该软件包还可以与 Livewire 无缝集成。

验证成功后，wire:model 中指定的属性将使用 Turnstile 标记更新。

<x-turnstile wire:model="yourModel" />


请查看 GitHub 上的软件包，了解定制和集成到应用程序的更多详情。

https://github.com/ryangjchandler/laravel-cloudflare-turnstile

  • 上一条：
    在docker环境中实现Laravel项目执行定时任务和消息队列流程步骤
    下一条：
    分库分表的目的、优缺点及具体实现方式介绍

    • 昵称：

    邮箱：

    0条评论 (评论内容有缓存机制,请悉知!)
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客