LoginSignup
102

More than 1 year has passed since last update.

Laravel8 (laravel/ui)でのLogin機能の実装方法メモ

Last updated at Posted at 2020-09-18

##Laravle6.x/7.x/8.xのログイン実装コマンドの違いを見る
みなさんこんにちは
ジーズアカデミー学校長 山崎ですm(_ _)m
今回はLaravel8にアップデートされLogin画面作成(laravel/ui)を前バージョン同様で使用したい場合
の方法をMemoしておきます(初めてLaravel触る人はこっちが良いかも、、敷居が低い)。

「jetstreamの人はこちらのリンク」
https://qiita.com/daisu_yamazaki/items/607ea579a374c4187562
【Laravel6.xのLOGIN動画も用意してます!】
https://youtu.be/FKxqjoJUKh4
【Laravel8.xのLOGIN(Breaze)動画も用意してます!】
https://youtu.be/XXXQOYnsCBk
【Laravel9.19以降のLOGIN(Breaze)動画も用意してます!】
https://qiita.com/daisu_yamazaki/items/79718fa900c2fd142599

###前提条件/検証環境

  • LaravelでCRUDを作成した経験がある人
  • Laravelの基本を理解している人
  • 記事内容的には、Laravel6のAuthを使う場合の自分メモです。
  • Laravel6/7=PHP 7.2.x(確認した環境)
  • Laravel8 =PHP 7.3.x(確認した環境)
  • EC2の場合:t2.small (メモリ2G以上必要 "laravel/ui"に必要なため,t2.microだとコケます)
  • Node.js インストール済みであること

###【 Laravel6/7/8でのログイン(laravel/ui)画面作成】
Laravel5.xでは「php artisan make:auth」コマンドで簡単にLOGIN機能を作成できていました。
※Laravel6.x以降 php artisann make:auth コマンドは無くなりました。


Laravel6 / Laravel7 / Laravel8 ログイン画面作成

#####1. laravel/uiをインストール
**【要注意】**Laravel7 が出たタイミング・・・だと思いますが、
laravel/ui コマンドにバージョンを付けないとエラーがでるようになりました!!!
6 or 7 or 8 に合わせて使い分けてください!!

ターミナル

#Laravel6.x 公式ではこちらに変わってました。
composer require laravel/ui:^1.0 --dev

#laravel7の場合
composer require laravel/ui:^2.4

#laravel8の場合
composer require laravel/ui

※Laravel6.x 公式
https://laravel.com/docs/6.x/frontend#introduction
※Laravel7.x 公式
https://laravel.com/docs/7.x/frontend#introduction
※Laravel8.x 公式(解説が無いようですが、Updating Dependenciesを参照)
https://laravel.com/docs/8.x/upgrade#updating-dependencies

2. LOGIN機能&テーブル作成

ターミナル
php artisan ui vue --auth

php artisan migrate

3. FrontEndに必要なPackageをインストール
(Node/npmの使用が必要)

ターミナル
npm install

4. CSS/JSを作成ビルド

ターミナル
npm run dev
welcome R egister Login

####これでLaravel5/6/7どうようのLOGIN機能が実装できました!

##◇「動かして学ぶ!Laravel開発入門(翔泳社)」本だしました。
https://www.amazon.co.jp/dp/B08TBF3FQS/

「Laravel DB.com」も運用中

Laravelをテーブル設計するだけでMigrationも生成できるツール
https://qiita.com/daisu_yamazaki/items/9f0dd73553367f8077f0
※是非こちらも見てください

今回のLogin機能:参考「Laravel ドキュメント」

【ver6.x】https://laravel.com/docs/7.x/frontend#introduction
【ver7.x】https://laravel.com/docs/6.x/frontend#introduction
【ver8.x】https://laravel.com/docs/8.x/upgrade#updating-dependencies
※Laravel8.x 公式(2020/09/17段階では解説が無いようです...Updating Dependenciesを参照)

#◇ Youtubeチャンネル
「遅咲きエンジニア」MicrosoftMVP 山崎
https://www.youtube.com/channel/UCmMFmjhf1BXB1tlLcbkVRrg

以上

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
102