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

はじめに

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

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

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

スターターキット 9.x Laravel

readouble.com

他にも私のブログで、Laravelについて解説している記事がありますのでご覧ください。

関連

【Laravel】プロジェクトをGitHubからクローンした後にやること

今回は、GitHubのリポジトリにあるLaravelプロジェクトを、クローンして開発環境を構築しサイトが起動するところまでの手順をまとめました。

【Laravel 9】Bootstrap5を導入【Vite/Mix対応】

Laravel9にBootstrap5を導入する手順をまとめました。

【Kindle本】Laravel 9 実践入門 を出版しました【Win/Mac対応】

「Laravel 9 実践入門: ～開発環境・実装・アプリ公開までの流れを完全網羅～」という書籍をKindleで出版いたしました。

【Laravel】翻訳アプリにデザイン適用【Bootstrap】

Laravelで作成したアプリケーションに、Bootstrapを使いデザインを適用します。

【紹介】個人開発

私の個人開発ですがQuiphaというサービスを開発しました。(Laravel, Vue3など)
良かったら、会員登録して動作を試してみて下さい。

Quipha

問題・問題集の作成、自分だけのクイズで勉強ができる！

chigusa-web.com

また、Laravel 9 実践入門という書籍を出版しました。
Kindle Unlimitedを契約している方であれば、読み放題で無料でご覧いただくことができます。

【Kindle本】Laravel 9 実践入門 を出版しました【Win/Mac対応】

「Laravel 9 実践入門: ～開発環境・実装・アプリ公開までの流れを完全網羅～」という書籍をKindleで出版いたしました。

chigusa-web.com

2022/10/14

Laravelの構築

Laravel Sailを使いプロジェクトを作成していますが、詳しくは以下の記事をご覧ください。

Laravel Sailで開発環境構築【Vite対応】

今回は、Laravel Sailを使って環境の構築を行いました。 SailはDockerですので、開発環境を簡単に用意することもできますし、カスタマイズすることも楽です。

chigusa-web.com

2022/10/16

【M1 Mac】Laravel Sailで開発環境構築【Vite対応】

Laravel Sailを使って環境の構築を行いました。 SailはDockerですので、開発環境を簡単に用意することもできますし、カスタマイズすることも楽です。

chigusa-web.com

2022/10/16

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

Laravel Breezeのインストール

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

$ sail composer require laravel/breeze --dev

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

$ sail php artisan breeze:install

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

テーブルのマイグレーションを行います。

$ sail artisan migrate

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

$ sail npm install
$ sail npm run dev

最新のLaravelの場合、MixではなくViteへ置き換わっていますので、以下のように表示されます。
開発用のアセット(JS, CSS)は開発サーバー上に配置されます。

  VITE v3.1.3  ready in 285 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: http://172.23.0.7:5173/

  LARAVEL v9.32.0  plugin v0.6.1

  ➜  APP_URL: http://localhost

Viteについては以下の記事にもまとめました。

【Laravel】Viteの使い方

LaravelでViteを使ってみました。

chigusa-web.com

2022/10/12

ログイン

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

http://localhost/login

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

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

http://localhost/register

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

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

その他

初学者へ

Laravelを初めて触る方へ向け、手順やアドバイスをまとめました。

【初心者向け】Laravelを始めよう

Laravelを初めて触る方へ向け、手順やアドバイスをまとめました。

chigusa-web.com

2022/10/07

外部サーバーへ公開

作成したアプリは公開して使ってもらいましょう！
Laravelアプリケーションを外部公開する方法をまとめました。

【Heroku】Laravel+MySQLで作成したアプリを公開【完全版】

Herokuを使って、Laravelプロジェクトを公開する手順をまとめました。 個人で開発したアプリケーションを手軽に公開することもできます。

chigusa-web.com

2022/10/11

【エックスサーバー】Laravelで作成したWebアプリを公開

今回はエックスサーバーでLaravelの環境を構築し、Webアプリを公開する手順をまとめました。

chigusa-web.com

2022/10/11

脆弱性対策

脆弱性を抱えたアプリケーションの場合、攻撃を受ける可能性があり大変危険です。
作成したアプリケーションは、脆弱性対策も意識しましょう。

【Laravel】敢えて試すSQLインジェクション【仕組みを知るには実装】

敢えてSQLインジェクションの脆弱性を含んだシステムを作成します。対策や仕組みを知るには実際に試してみましょう。人気のあるLaravelというフレームワークで試します。

chigusa-web.com

2022/05/07

【OWASP ZAP】インストールと基本的な使い方【Web脆弱性診断】

OWASP ZAPを使用して、Webの脆弱性診断を行ってみます。オープンソースで無料で使うことができます。

chigusa-web.com

2022/04/24

GitHubと連携

GitHubと連携する方法を解説しました。
プロジェクトの管理はGitHubを活用しましょう。

【GitHub】プロジェクトリポジトリにプッシュ

今回は、GitHubリポジトリへプッシュする手順をまとめました。

chigusa-web.com

2022/10/10

【Laravel】プロジェクトをGitHubからクローンした後にやること

今回は、GitHubのリポジトリにあるLaravelプロジェクトを、クローンして開発環境を構築しサイトが起動するところまでの手順をまとめました。

chigusa-web.com

2022/10/12

さいごに

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

他にも私のブログで、Laravelについて解説している記事がありますのでご覧ください。

関連

【Laravel】開発環境構築 Windows編

WindowsにLaravelの開発環境を構築してみたいと思います。XAMPPやNode.js、Composerをインストールし、環境を作る手順をまとめました。

【Laravel】AdminLTEを導入

出来合いのテンプレートを使って、サクッとアプリケーションを作成しましょう！オススメは「AdminLTE」です。 Laravel向けに最適化されたLaravel-AdminLTEの導入から実装まで、詳しく解説しています。

【Laravel】Vue.js v3導入とComposition API実装【Mix】

LaravelプロジェクトにVue3を導入し、Composition APIの実装を行いました。

【M1 Mac】Laravel Sailで開発環境構築【Vite対応】

Laravel Sailを使って環境の構築を行いました。 SailはDockerですので、開発環境を簡単に用意することもできますし、カスタマイズすることも楽です。