Laravel 10 快速建立認證系統
Laravel 利用基本套件來快速建立認證系統
Step01: 建立 Laravel 專案: my-app
composer create-project laravel/laravel my-app整個專案的目錄結構如下
Step02: 設定資料庫連結
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=<DATABASE NAME>
DB_USERNAME=<DATABASE USERNAME>
DB_PASSWORD=<DATABASE PASSWORD>執行下列指令連接到資料庫(mysql)建立相關的認證資料表(Table)
php artisan migrateStep03: 建立認證套件(Create Auth using scaffold)
先安裝 laravel/ui 套件, 來建立認證套件的腳本Login、Register及認證後的登入頁面 Dashboard.
composer require laravel/ui產生 Bootstrap 模版的基本認證腳本(Generate basic scaffolding and login and registration for bootstrap)
php artisan ui bootstrap
php artisan ui bootstrap --auth這時候會增加必要的 bootstrap 相關套件在 package.json
也會將 bootstrap 認證的腳本加入
Step04: 在 database\seeders\DatabaseSeeder.php 建立測試帳號資料
<?php
namespace Database\Seeders;
// use Illuminate\Database\Console\Seeds\WithoutModelEvents;
use Illuminate\Database\Seeder;
class DatabaseSeeder extends Seeder
{
/**
* Seed the application's database.
*/
public function run(): void
{
\App\Models\User::factory()->create([
'name' => 'admin',
'email' => '[email protected]',
]);
}
}
執行下行指令，將DatabaseSeeder.php 裡的帳號建立於資料庫裡 Table: Users
php artisan db:seed在 MySQL 會新增一筆資料
Step05: 安裝 nodejs 的套件及測試
npm install執行及測試
PS W:\xampp\htdocs\my-app> npm run dev
> @ dev W:\xampp\htdocs\my-app
> vite
VITE v4.4.9 ready in 442 ms
➜ Local: http://127.0.0.1:5173/
➜ Network: use --host to expose
➜ press h to show help
LARAVEL v10.17.1 plugin v0.7.8
➜ APP_URL: http://localhost
PS W:\xampp\htdocs\my-app> php artisan serve
INFO Server running on [http://127.0.0.1:8000].
Press Ctrl+C to stop the server首頁: http://127.0.0.1:8000/
登入頁面: http://127.0.0.1:8000/login
註冊頁面: http://127.0.0.1:8000/register
密碼重設頁面: http://127.0.0.1:8000/password/reset
附註:
建立 Vue 的認證腳本 (Generate basic scaffolding and login and registration for Vue)
php artisan ui vue
php artisan ui vue --auth建立 react 的認證腳本 (Generate basic scaffolding and login and registration for react)
php artisan ui react
php artisan ui react --auth建立基本架構指令
php artisan ui bootstrap
php artisan ui vue
php artisan ui react建立認證腳本指令
php artisan ui bootstrap --auth
php artisan ui vue --auth
php artisan ui react --auth
Tags
Video
發佈留言