Laravel8 CRUD処理を使った投稿アプリを作成する その1 アプリの作成と準備

目的

• Laravel8のアプリの作成と準備をする方法をまとめる

実施環境

• 筆者の実施環境を記載する。
• ハードウェア環境

項目	情報
OS	macOS Catalina(10.15.5)
ハードウェア	MacBook Pro (13-inch, 2020, Four Thunderbolt 3 ports)
プロセッサ	2 GHz クアッドコアIntel Core i5
メモリ	32 GB 3733 MHz LPDDR4
グラフィックス	Intel Iris Plus Graphics 1536 MB

• ソフトウェア環境

項目	情報	備考
PHP バージョン	7.4.8	Homebrewを用いてこちらの方法で導入→Mac HomebrewでPHPをインストールする
Laravel バージョン	8.6.0	commposerを用いてこちらの方法で導入→Mac Laravelの環境構築を行う
MySQLバージョン	8.0.19 for osx10.13 on x86_64	Homwbrewを用いてこちらの方法で導入→Mac HomebrewでMySQLをインストールする
Node.jsバージョン	v12.14.1	Homwbrewを用いてこちらの方法で導入→Mac HomebrewでNode.jsをインストールする

前提条件

• 下記の記事の作業が完了していること。
  • Laravel8 CRUD処理を使った投稿アプリを作成する その0 説明編

前提情報

• 作成するアプリ名は「laravel8_crud」とする。
• 作成するMySQLのデータベース名は「laravel８_crud_DB」とする。
• 下記に今回の作業のあとのソースコードのリモートリポジトリのリンクを記載する。
  • https://github.com/miriwo0104/laravel8_crud/tree/No01

概要

1. MySQLのデータベースの作成
2. Laravelアプリの作成
3. テーブルの作成
4. 確認

詳細

1. MySQLのデータベースの作成

   1. 下記コマンドを実行してMySQLにログインする。MySQLのrootパスワードを入力する。（MySQLのrootユーザのパスワードがわからなくなってしまった方はこちら→Mac ローカル環境の MySQL 8.x のrootパスワードを忘れた時のリセット方法）

      $ mysql -u root -p
      

   2. 下記SQL文を実行してデータベースを作成する。Query OKと表示されることを確認する。

      create database laravel8_crud_DB;
      

2. Laravelアプリの作成

   1. Laravelアプリを作成したいディレクトリで下記コマンドを実行してLaravelアプリを作成する。

      $ composer create-project "laravel/laravel=8.*" laravel8_crud -vvv
      

   2. 下記コマンドを実行してlaravel8_crudディレクトリに移動する。

      $ cd laravel8_crud
      

   3. 下記コマンドを実行してライブラリをインストールする。

      $ composer require laravel/breeze --dev -vvv
      

   4. 下記コマンドを実行して認証に必要なページを作成する。

      $ php artisan breeze:install
      $ npm install
      $ npm run dev
      

   5. laravel8_crudディレクトリで下記コマンドを実行して.envファイルを開く。

      vi .env
      

   6. 「APP_NAME」「DB_DATABASE」「DB_PASSWORD」をそれぞれ下記のように修正する。

      laravel8_crud/.env

      APP_NAME=laravel8_crud
      
      DB_DATABASE=laravel８_crud_DB
      DBPASSWORD=皆さんのMySQLのrootユーザのパスワード
      

   7. MySQLのパスワード以外の筆者の.envファイルの内容を下記に記載する。

      laravel8_crud/.env

      APP_NAME=laravel8_crud
      APP_ENV=local
      APP_KEY=base64:w1CWe8TVGkjEhUyY63Ok1jKFWr10TFlNCBQSdqqtCGw=
      APP_DEBUG=true
      APP_URL=http://localhost
      
      LOG_CHANNEL=stack
      
      DB_CONNECTION=mysql
      DB_HOST=127.0.0.1
      DB_PORT=3306
      DB_DATABASE=laravel8_crud_DB
      DB_USERNAME=root
      DB_PASSWORD=MySQLのrootユーザのパスワード
      
      BROADCAST_DRIVER=log
      CACHE_DRIVER=file
      QUEUE_CONNECTION=sync
      SESSION_DRIVER=file
      SESSION_LIFETIME=120
      
      REDIS_HOST=127.0.0.1
      REDIS_PASSWORD=null
      REDIS_PORT=6379
      
      MAIL_MAILER=smtp
      MAIL_HOST=smtp.mailtrap.io
      MAIL_PORT=2525
      MAIL_USERNAME=null
      MAIL_PASSWORD=null
      MAIL_ENCRYPTION=null
      MAIL_FROM_ADDRESS=null
      MAIL_FROM_NAME="${APP_NAME}"
      
      AWS_ACCESS_KEY_ID=
      AWS_SECRET_ACCESS_KEY=
      AWS_DEFAULT_REGION=us-east-1
      AWS_BUCKET=
      
      PUSHER_APP_ID=
      PUSHER_APP_KEY=
      PUSHER_APP_SECRET=
      PUSHER_APP_CLUSTER=mt1
      
      MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
      MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" 
      

   8. 保存して.envファイルを閉じる。

3. テーブルの作成

   1. laravel8_crudディレクトリで下記コマンドを実行してデフォルトマイグレーションファイルのマイグレートを実行する。

      php artisan mgirate
      

4. 確認

   1. laravel8_crudディレクトリで下記コマンドを実行してローカルサーバを起動する。

      $ php artisan serve
      

   2. ブラウザで下記にアクセスする。

      • http://127.0.0.1:8000/

   3. 下記のようなページが表示されることを確認する。画面右上に「Login」「Register」のリンクがあることを確認する。

      

   4. ブラウザに無事に表示されれば本記事の作業は完了である。

      • 下記に今回の作業のあとのソースコードのリモートリポジトリのリンクを記載する。
        • https://github.com/miriwo0104/laravel8_crud/tree/No01