【Laravel7】ログイン機能を作成する①

投稿者: | 2020年8月4日
LaravelLogin

環境
php 7.4.1
Mysql Ver 15.1 Distrib 10.4.11-MariaDB
Laravel  7.23.0
composer 1.10.9

 

VSCodeのターミナルもしくはcmdから3つのコマンドを実行するだけで簡単にログイン機能が実装されるので実行してみたいと思います。

 

コンポーサーのインストールがまだの場合はこちら

 

コマンド3つ実行で完成

必ずパスをVScodeターミナルもしくはcmdでプロジェクトフォルダに移動させます(今回ならtestZZ)

 

たった3つのコマンドで完成します\(^^)/

コマンド3つ

①laravelのuiインストール(下記コマンドで自動)

②ログイン機能が作成されます(下記コマンドで自動)

③node.jsを利用します(下記コマンドで自動)

 

③でエラーが出た場合はnode.jsをインストールしてください。

https://nodejs.org/ja/

 

ローカルに接続

ターミナルかコマンドプロンプトで必ずパスをプロジェクトフォルダに移動させます(今回ならtestZZ)

 

ローカル接続コマンド

赤枠内のhttp://127.0.0.1:8000をブラウザのアドレスバーにコピペし確認します。

 

Laravelトップページを表示

右上にログインボタンが追加されたのでLOGINをクリックします。

ログイン画面(Login)

ログイン画面の完成です。

新規登録画面(Register)

TOPに戻ってRegisterをクリックで新規登録画面もできあがってます!

 

Reset Password画面 (パスワード紛失時)

もう一度Login画面に戻ってForgot Your Password?をクリックで下記のReset Password画面が表示されます。

 

まとめ

これでユーザーフォーム作成の面倒くさい部分が短縮されそうで\(^^)/

【次回】カラム名を変更する(マイグレーション)

以上です。