ساخت یک برنامه لاراول مجهز به TailwindCSS با تأیید ایمیل و مشاغل در صف

راهنمای جامع برای ایجاد یک سیستم ثبت نام کاربر بدون درز با تأیید ایمیل در لاراول

معرفی

در این مقاله، نحوه ساخت اپلیکیشن لاراول با استفاده از TailwindCSS برای استایل سازی را بررسی خواهیم کرد. ما بر ایجاد یک سیستم ثبت نام کاربر سفارشی تمرکز خواهیم کرد که پیوندهای تأیید ایمیل را با استفاده از سیستم صف لاراول ارسال می کند. این راهنما شما را در کل فرآیند، از راه‌اندازی محیط توسعه‌تان گرفته تا رسیدگی به تأیید ایمیل کاربر و کارهای صف، راهنمایی می‌کند و تجربه کاربری روان و حرفه‌ای را تضمین می‌کند.

پیش نیازها

قبل از شروع، مطمئن شوید که موارد زیر را نصب کرده اید:

• PHP
• آهنگساز
• لاراول
• XAMPP یا هر محیط سرور محلی
• Node.js و npm

مرحله 1: راه اندازی پروژه لاراول

1. ایجاد یک پروژه جدید لاراول:

laravel new laravel-email-sending-with-queues
cd laravel-email-sending-with-queues

کد منبع کامل این پروژه در GitHub در لینک زیر موجود است: new laravel-email-sending-with-queues

1. تنظیمات محیط را در .env:

QUEUE_CONNECTION=database

مرحله 2: پیاده سازی ثبت نام کاربر

1. ایجاد کنترل کننده ثبت:

php artisan make:controller AuthController

1. منطق ثبت نام را اضافه کنید AuthController:

public function register(Request $request)
{
    $request->validate([
        'name' => 'required|string|max:255',
        'email' => 'required|string|email|max:255|unique:users',
        'password' => 'required|string|min:8|confirmed',
    ]);

    $user = User::create([
        'name' => $request->name,
        'email' => $request->email,
        'password' => Hash::make($request->password),
        'email_verified_at' => null,
        'verification_token' => Str::random(60),
        'token_expires_at' => Carbon::now()->addMinutes(5),
    ]);

    // Dispatch verification email job
    SendVerificationEmail::dispatch($user);

    return redirect("https://dev.to/")->with('success', 'Registration successful! Please check your email to verify your account.');
}

مرحله 3: ارسال ایمیل تأیید با استفاده از صف

1. ایجاد شغل ایمیل:

php artisan make:job SendVerificationEmail

1. تغییر شغل برای ارسال ایمیل:

public function handle()
{
    Mail::to($this->user->email)->send(new VerifyEmail($this->user));
}

1. اطمینان حاصل کنید که Queue Worker در حال اجرا است:

php artisan queue:work

مرحله 4: ایجاد و ارسال ایمیل تایید

1. ايجاد كردن VerifyEmail قابل پست:

php artisan make:mail VerifyEmail --markdown=emails.verify

1. تغییر VerifyEmail قابل پست:

public function build()
{
    return $this->markdown('emails.verify')->with([
        'token' => $this->user->verification_token,
    ]);
}

مرحله 5: تأیید الگوی ایمیل

1. ایجاد قالب ایمیل emails/verify.blade.php:

@component('mail::message')
# Verify Your Email

Please click the button below to verify your email address.

@component('mail::button', ['url' => url('/verify-email/' . $token)])
Verify Email
@endcomponent

This verification link will expire in 5 minutes.

Thanks,
{{ config('app.name') }}
@endcomponent

ایمیل در صندوق ورودی

نتیجه

با دنبال کردن این راهنما، شما با موفقیت یک برنامه لاراول با سیستم ثبت نام کاربر سفارشی ایجاد کرده اید. استفاده از TailwindCSS یک طراحی مدرن و پاسخگو را ارائه می دهد، در حالی که سیستم صف تأیید ایمیل کارآمد را تضمین می کند. این تنظیمات نه تنها تجربه کاربر را افزایش می دهد، بلکه عملکرد برنامه را نیز بهبود می بخشد.

می توانید پروژه را بیشتر سفارشی کنید و تجربه خود را در نظرات زیر به اشتراک بگذارید!

سورس کد کامل این پروژه در GitHub در لینک زیر موجود است: https://github.com/haseebmirza/laravel-email-sending-with-queues

کد نویسی مبارک!