自分だけのクイズ作成 - Quipha公開中

【Laravel8】認証機能の導入 (Breeze)

Laravel
スポンサーリンク

はじめに

Laravel8認証機能(ログイン機構)を導入したいと思います。

というのも、Laravel7以前の導入の仕方と変わっていました。

今回は、シンプルで最小限の認証機能である、Breezeを導入します。

Jetstreamの方が、より堅牢な機能を持っているようですが、機会があれば別途、記事をまとめたいと思います。

参考
スターターキット 8.x Laravel

Quipha

個人開発ですがQuiphaというサービスを開発しました。
Webアプリケーションであり、Laravelで作成しました。認証はBreezeを使用しました。

良かったら、会員登録して動作を試してみて下さい。

Laravelの構築

使用するバージョン
  • Laravel Framework 8.23.1
  • Node.js 14.15.4
  • Composer v2.0.8

上記の手順まで済んでLaravelにアクセスすると、初期画面が表示されます。

Laravel Breezeのインストール

次に、Composerを使用してLaravel Breezeをインストールします。
プロジェクト直下で、以下のコマンドを実行します。

composer require laravel/breeze --dev

Composerでのインストールが完了したら、Artisanでのインストールを行います。
以下のコマンドにより、認証のためのビューやルート、コントローラなどが作成されます。

php artisan breeze:install

一部のファイルが更新され、また、認証に関する以下のファイルが追加されました。

認証用コントローラやビューなど
  • app/Http/Controllers/Auth/AuthenticatedSessionController.php
  • app/Http/Controllers/Auth/ConfirmablePasswordController.php
  • app/Http/Controllers/Auth/EmailVerificationNotificationController.php
  • app/Http/Controllers/Auth/EmailVerificationPromptController.php
  • app/Http/Controllers/Auth/NewPasswordController.php
  • app/Http/Controllers/Auth/PasswordResetLinkController.php
  • app/Http/Controllers/Auth/RegisteredUserController.php
  • app/Http/Controllers/Auth/VerifyEmailController.php
  • app/Http/Requests/Auth/LoginRequest.php
  • app/View/Components/AppLayout.php
  • app/View/Components/GuestLayout.php
  • resources/views/auth/confirm-password.blade.php
  • resources/views/auth/forgot-password.blade.php
  • resources/views/auth/login.blade.php
  • resources/views/auth/register.blade.php
  • resources/views/auth/reset-password.blade.php
  • resources/views/auth/verify-email.blade.php
  • resources/views/components/application-logo.blade.php
  • resources/views/components/auth-card.blade.php
  • resources/views/components/auth-session-status.blade.php
  • resources/views/components/auth-validation-errors.blade.php
  • resources/views/components/button.blade.php
  • resources/views/components/dropdown-link.blade.php
  • resources/views/components/dropdown.blade.php
  • resources/views/components/input.blade.php
  • resources/views/components/label.blade.php
  • resources/views/components/nav-link.blade.php
  • resources/views/components/responsive-nav-link.blade.php
  • resources/views/dashboard.blade.php
  • resources/views/layouts/app.blade.php
  • resources/views/layouts/guest.blade.php
  • resources/views/layouts/navigation.blade.php
  • routes/auth.php
  • tailwind.config.js
  • tests/Feature/AuthenticationTest.php
  • tests/Feature/EmailVerificationTest.php
  • tests/Feature/PasswordConfirmationTest.php
  • tests/Feature/PasswordResetTest.php
  • tests/Feature/RegistrationTest.php

引き続き、CSSなどのアセットをビルドします。

npm install
npm run dev

ログイン

以下のURLにアクセスします。

http://localhost:8000/login

ログイン画面が表示されました。

ユーザを作成してみましょう。
ユーザ登録画面を開きます。任意でユーザを作成します。

http://localhost:8000/register

ユーザ作成と同時にログインされ、ダッシュボード画面が表示されました。

ちなみにユーザ情報は、「users」テーブルに作成されます。

さいごに

簡単に認証機能が導入できました。
機会があれば、Jetstreamの認証機能の導入も試したいと思います。

コメント

タイトルとURLをコピーしました