iT邦幫忙

2022 iThome 鐵人賽

DAY 11
0
Modern Web

Laravel 9 漫遊,享受魔法般的極速網頁開發體驗系列 第 11

Day 11:網站會員登入:談 Laravel Breeze

  • 分享至 

  • xImage
  •  

之前我們已經談好怎麼用資料庫處理文章了。雖然要吸收的的東西有一些多,但是做法其實相對單純,相信大家都可以輕鬆應付。

再來,就是開始處理用戶登入的部分了。

這部分在 Laravel 9 之前的作法,可以參考 [Day 16] 網站要有會員了!用 Laravel 實作用戶登入

不過,現在有更好的作法了!

從 Laravel 8 開始,引入了一個套件: Laravel Breeze

根據官方的介紹:

Laravel Breeze is a minimal, simple implementation of all of Laravel's authentication features, including login, registration, password reset, email verification, and password confirmation. Laravel Breeze's default view layer is made up of simple Blade templates styled with Tailwind CSS. Or, Breeze can scaffold your application using Vue or React and Inertia.

今天我們就來簡單的試用看看

首先透過 Laravel Sail 呼叫 composer 來安裝 laravel/breeze

./vendor/bin/sail composer require laravel/breeze --dev

安裝好 laravel/breeze 之後,我們就可以後續的設置了

./vendor/bin/sail artisan breeze:install
./vendor/bin/sail artisan migrate

環境和資料庫都設置完畢後,就可以利用 npm 將專案運作起來

這邊一樣可以透過 sail 進行呼叫

./vendor/bin/sail npm install
./vendor/bin/sail npm run dev

全部做完之後,就可以看到登入註冊的畫面了!

註冊的畫面如下

Laravel 9 register

登入的畫面如下

Laravel 9 login

是不是很快速呢?

而且,如果你想要前後端分離,將 Laravel 當作純粹的 API Server

也是可以透過 laravel/breeze 做到的

只需要將指令改成

./vendor/bin/sail artisan breeze:install api

就可以將前端網址設置在 .envFRONTEND_URL

將前後端分離開!

今天的分享就到這邊,各位明天見!


上一篇
Day 10:Laravel 9 資料庫操作與 seeder 的 WithoutModelEvents
下一篇
Day 12:搭配 Soft Delete 的好夥伴:Pruning Models
系列文
Laravel 9 漫遊,享受魔法般的極速網頁開發體驗30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言