E030 Breeze UIの導入

Breezeとは、ログイン、ユーザー登録、パスワードリセット、メール確認、パスワード確認などの認証機能をシンプルにLaravelへ実装したものです。今回はこのBreezeの導入について紹介します。

Breezeの導入

①composerを用いて開発環境にbreezeパッケージを追加する。

$sail composer require laravel/breeze --dev

②breezeをインストールする。

$sail artisan breeze:install

※インストール中の選択肢は下記を選択しましょう。

Which stack would you like to install?
  blade .......................................................................................................................................... 0  
  react .......................................................................................................................................... 1  
  vue ............................................................................................................................................ 2  
  api ............................................................................................................................................ 3  
0 
[bladeを使うので0を入力します]
Would you like to install dark mode support? (yes/no) [no]

no 
[ダークモードは利用しないのでnoを入力します]
Would you prefer Pest tests instead of PHPUnit? (yes/no) [no]

no 
[今回はPestは利用しないのでnoを入力します]

laravel langの導入

laravel langを導入すると言語の設定ができるようになり日本語を用いることができます。

①composerを用いて開発環境にpublisher、lang、attributesパッケージを追加する。

$sail composer require laravel-lang/publisher laravel-lang/lang laravel-lang/attributes --dev

②日本語を追加する。

$sail artisan lang:add ja

※http://localhostにアクセスし、画面右上に login & register のリンクが表示されていることを確認します。login & register画面を表示したときに表示が日本語になっていれば問題なく導入できてます。

確認事項

・/login からユーザー登録を行ない、ダッシュボード画面にログインや/profile にアクセスし、ユーザー情報の編集を行えるかどうかを確認する。

---