Zenn
Closed4

2023年5月時点　Laravelのプロジェクトを作る手順

Laravel
modacomodaco

やりたいこと

LaravelのプロジェクトをSailで作りたい。

  • Laravel10（現時点最新）
  • PHP:8.1
  • MariaDB
  • Mailpit
  • phpMyAdmin

環境

Windows WSL2
Docker Desktop 4.19.0 (106363)
Ubuntu 22.04.2 LTS

sailコマンドはエイリアスを設定済。エイリアスを設定しない場合は ./vendor/bin/sailと読み替える。

参考文献

インストール 10.x Laravel
https://readouble.com/laravel/10.x/ja/installation.html

Laravel Bootcamp
https://bootcamp.laravel.com/blade/installation

手順

インストール

MariaDB、Mailpitを指定してインストール。

curl -s "https://laravel.build/プロジェクト名?with=mariadb,mailpit" | bash

プロジェクトのディレクトリに移動。

cd プロジェクト名

PHPバージョンの変更

今回はPHP8.1にする必要があったので、docker-compose.ymlを修正。最新バージョンで良ければやらなくていい。

services:
    laravel.test:
        build:
            context: ./vendor/laravel/sail/runtimes/8.1  <= 8.2から変更
            dockerfile: Dockerfile
            args:
                WWWGROUP: '${WWWGROUP}'
        image: sail-8.1/app  <= 8.2から変更

MariaDBのタイムゾーン設定

docker-compose.ymlを修正。

    mariadb:
       ...
        environment:
            ...
            TZ: 'Asia/Tokyo'  <= 追加

phpMyAdminの追加

docker-compose.ymlのserviceを追加する。

    phpmyadmin:
        image: phpmyadmin/phpmyadmin:latest
        ports:
            - 8080:80
        depends_on:
            - mariadb
        environment:
            PMA_HOST: mariadb
            PMA_USER: '${DB_USERNAME}'
            PMA_PASSWORD: '${DB_PASSWORD}'
        networks:
            - sail

.envの修正

APP_NAME、DB_DATABASEあたりを必要に応じて修正。

Laravelの言語・タイムゾーンの設定

config/app.phpを修正。

'timezone' => 'Asia/Tokyo',

'locale' => 'ja',

'faker_locale' => 'ja-JP',

Sail立ち上げ

sail up -d

動作確認

Laravel

http://localhost にアクセス。Laravelのページが表示される。

Mailpit

http://localhost:8025 にアクセス。Mailpitが表示される。

phpMyAdmin

http://localhost:8080 にアクセス。phpMyAdminが表示される。

タイムゾーンの設定を確認。

show variables like '%time_zone%';

system_time_zoneがJSTになっている。

modacomodaco

Laravel Breeze＋Bladeでログイン画面を作る

Laravel Breezeインストール

sail composer require laravel/breeze --dev
sail artisan breeze:install blade

マイグレーション実行

sail artisan migrate

ビルド

sail npm install
sail npm run dev

動作確認

http://localhost へアクセス。右上の「Register」リンクからユーザ登録が行えるか確認。

このスクラップは2023/07/29にクローズされました