ふとしたきっかけで、Laravel Sailを用いて作ったプロジェクトを、せっかく作ったのでWEBに公開できるよう準備しようと思い立ちましたので、AWS上に環境を構築しました。

ちなみに作成したプロジェクトは公開されております。

しかしsailが便利すぎて「あんなたくさんのコンテナに該当する環境、いちいち作っとられるかい！」と率直に思い、「もうええわEC2上に同じようにsailで環境作ったらそれでいったんよし」という死ぬほど雑な思考で「とりあえず動くもの」ということで環境構築しました。

まじで恥ずかしい。

概要

パブリックサブネット内に立ってるEC2上での作業内容になります。

実作業記録

プロジェクトのクローン

Gitのインストール

# システムのパッケージを更新
sudo yum update -y
# Gitをインストール
sudo yum install git -y

SSHキーの作成

# RSA 4096ビットのSSHキーを作成
ssh-keygen -t rsa -b 4096 -C "sample@hogehoge.jp"

SSHの公開鍵を取得

# ホームディレクトリに移動
cd
# .sshディレクトリに移動
cd .ssh
# ディレクトリの内容を表示
ls
# id_rsa.pubファイルを表示
less id_rsa.pub
# → 取得した公開鍵はGitLabに設定

プロジェクトのクローン

# /homeディレクトリに移動
cd /home
# ssm-userディレクトリに移動
cd ssm-user
# プロジェクトをクローン
git clone <プロジェクト指定>

Dockerのインストール

# システムのパッケージを更新
sudo yum update -y
# Dockerをインストール
sudo dnf install -y docker
# Dockerサービスを開始
sudo systemctl start docker
# Dockerサービスを自動起動に設定
sudo systemctl enable docker
# Dockerグループに現在のユーザーを追加
sudo usermod -aG docker $USER
# Dockerグループにssm-userを追加
sudo usermod -aG docker ssm-user
# シェルを再起動してグループ変更を反映
exec $SHELL -l
# Docker Composeをインストール
sudo curl -L "https://github.com/docker/compose/releases/download/v2.5.1/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
# Docker Composeの実行権限を設定
sudo chmod +x /usr/local/bin/docker-compose

Node.jsのインストール

# Node.js 20.xのセットアップスクリプトを実行
curl -fsSL https://rpm.nodesource.com/setup_20.x | sudo bash -

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

# プロジェクトディレクトリに移動
cd （プロジェクトディレクトリパス）
# ディレクトリの内容を表示
ls

PHPとComposerのインストール

# PHPと関連パッケージのインストール
sudo dnf install -y php-cli php-json php-zip wget unzip
# Composerのインストールスクリプトをダウンロード
curl -sS https://getcomposer.org/installer | php
# Composerをグローバルにインストール
sudo mv composer.phar /usr/local/bin/composer
# Composerの実行権限を設定
sudo chmod +x /usr/local/bin/composer

Composerでパッケージをインストール

# PHPのXMLとDOMパッケージをインストール
sudo dnf install -y php-xml php-dom
# Laravel Sailをプロジェクトに追加
composer require laravel/sail --dev
# sailコマンドのエイリアスを設定
alias sail='[ -f sail ] && bash sail || bash vendor/bin/sail'

.envファイルの作成

# .env.exampleをコピーして.envを作成
cp .env.example .env
# .envファイルを編集
sudo vi .env

コンテナ立ち上げ

# コンテナ立ち上げ（なぜかssmで入り直したらできた）
exec $SHELL -l
sudo systemctl status docker
sudo systemctl restart docker
cd （プロジェクトディレクトリパス）
./vendor/bin/sail up -d

artisanで準備

./vendor/bin/sail php artisan key:generate
./vendor/bin/sail php artisan migrate

vite.config.jsを編集

以下追加

  server: {
    host: '0.0.0.0',  // 外部からのアクセスを許可するため
    port: 5173,  // Viteサーバーのポート番号
    hmr: {
      host: '18.182.107.191',  // EC2のパブリックIPアドレス
      port: 5173,
    },
  },

viteの再起動

./vendor/bin/sail npm run dev

AWSのセキュリティグループ設定

vite用にセキュリティグループで5173を解放
phpmyadmin用にセキュリティグループで8080を解放

終わり

さすがにできないことないだろと思いつつ、やってみてできるとやっぱりなるほどとなる場面が多数。でもさすがに恥ずかしすぎる環境構成なので、やってみた後から「ちゃんと作るか。。。」となったのは開発者のサガだと信じています。

マテ次回。