0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Laravel6 でログイン機能を作成してみた。

Last updated at Posted at 2021-05-25

Laravelでは簡単に認証が実装できます。私自身、あまり触ったことないですが、短時間で実装することが出来ましたので参考にしていただければ幸いです。

今回作成するのはLaravel6の実装方法になりますのでバージョンが違う場合は、上手くかない事がありますので公式ページをご確認下さい。
こちら
#環境

  • MAMP
  • PHP 7.3.24
  • Laravel Framework 6.20.27
  • npm 6.14.10
  • composer

#プロジェクト作成

$ composer create-project "laravel/laravel=6.*" --prefer-dist アプリ名
.env
DB_DATABASE=任意のデータベース名
DB_USERNAME=root
DB_PASSWORD=root
DB_SOCKET='/Applications/MAMP/tmp/mysql/mysql.sock'

MAMPを起動してphpMyAdminでデータベースを作成してください。
データベース名.nevDB_DATABASE=任意のデータベース名は同じにしてください。
phpMyadminデータベース作成の写真です

既にmigrationファイルが生成されていますのでテーブルの作成していきます。

$ php artisan migrate

ここまで作成したらLaravelの初期画面が生成されていますのでご確認ください。
php artisan serveを実行し、サーバーが立ち上がりますのでブラウザから確認できます。

$ php artisan serve
Laravel development server started: http://123.0.0.1:8000

Laravelの初期画面

この様に表示されていたら成功です。サーバーは止めて頂いて、次はlaravel/uiを導入しています。
これをすることで認証機能を簡単に作成してくれます。

#laravel/uiの導入

$ composer require laravel/ui "^1.2"
$ php artisan ui vue --auth


Vue scaffolding installed successfully.
Please run "npm install && npm run dev" to compile your fresh scaffolding.
Authentication scaffolding generated successfully.

php artisan ui vue --authを実行し、完了しますとPlease run "npm install && npm run dev"と言われますので
npm install && npm run devを実行します。

エラーになる場合は、一つずつ実行し、確認しながら実行した方がいいです。

$ npm install
$ npm run dev

導入が成功したら右上にLOGINと表示されています。これで完成です。

Lravel/ui

#参考
Laravel公式サイト

0
1
1

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
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?