AWS WebAP + RDS 2層アーキテクチャ ハンズオン手順書

検索欄に AmazonSSMManagedInstanceCore と入力 → チェックを入れる

handson-vpc を選択 → アクション → 「VPCの設定を編集」

「新しいサブネットを追加」ボタンで6つをまとめて作成し、サブネットを作成

handson-subnet-public-1a を選択 → アクション → 「サブネットの設定を編集」

handson-subnet-public-1c についても同様に設定します。

作成後、画面上部のバナーの「VPCにアタッチ」をクリック（または アクション → 「VPCにアタッチ」）

状態が 「Attached」 になっていることを確認します。

handson-rt-public を選択 → 「ルート」タブ → ルートを編集 → ルートを追加

「サブネットの関連付け」タブ → サブネットの関連付けを編集

以下 2つにチェック → 関連付けを保存

• handson-subnet-public-1a
• handson-subnet-public-1c

新しいルートテーブルを作成します：

handson-rt-private-webap を選択 → 「ルート」タブ → ルートを編集 → ルートを追加

「サブネットの関連付け」タブ → サブネットの関連付けを編集

以下 2つにチェック → 関連付けを保存

• handson-subnet-private-webap-1a
• handson-subnet-private-webap-1c

インバウンドルール：

アウトバウンドルール：デフォルト（すべてのトラフィックを許可）のまま

インバウンドルール：

インバウンドルール：

「追加設定」セクションをクリックして展開します。

ヘルスチェック設定：

「インスタンスを起動」から以下の項目だけ変更して同じ設定で起動します：

インスタンス一覧から handson-webap-1a と handson-webap-1c にチェック

sudo -i -u ec2-user
cd ~

sudo dnf update -y
sudo dnf install -y nginx
sudo systemctl enable nginx
sudo systemctl start nginx
sudo systemctl status nginx

Active: active (running) と表示されれば起動成功です。

sudo dnf install -y nodejs npm
node -v
npm -v

バージョン番号が表示されれば成功です。

【RDSエンドポイント】 を手順7でメモしたRDSエンドポイントに置き換えて実行します：

mkdir ~/app && cd ~/app
npm init -y
npm install express pg

cat > ~/app/app.js <<'EOF'
const express = require('express');
const { Pool } = require('pg');
const os      = require('os');
const app     = express();

const pool = new Pool({
  host:     '【RDSエンドポイント】',
  port:     5432,
  user:     'admin',
  password: 'AdminPass123!',
  database: 'handson_db',
  ssl:      { rejectUnauthorized: false },
  max:      10
});

app.get('/health', (req, res) => {
  res.json({ status: 'ok', server: os.hostname() });
});

app.get('/', (req, res) => {
  res.json({
    message: 'WebAP server is running!',
    server:  os.hostname(),
    tier:    'webap'
  });
});

app.get('/users', async (req, res) => {
  try {
    const result = await pool.query('SELECT * FROM users ORDER BY id');
    res.json({ count: result.rowCount, users: result.rows, server: os.hostname() });
  } catch (err) {
    res.status(500).json({ error: err.message, server: os.hostname() });
  }
});

app.listen(8080, '127.0.0.1', () => {
  console.log('Node.js app listening on localhost:8080');
});
EOF

sudo npm install -g pm2
cd ~/app && pm2 start app.js --name webap-app
pm2 save
pm2 startup

pm2 startup が出力するコマンド（sudo env PATH=... で始まる行）をコピーして実行します。

pm2 status

status: online と表示されれば起動成功です。

sudo tee /etc/nginx/conf.d/webap.conf <<'EOF'
server {
    listen 80;
    server_name _;

    location /health {
        proxy_pass         http://127.0.0.1:8080/health;
        proxy_set_header   Host $host;
        access_log         off;
    }

    location / {
        proxy_pass         http://127.0.0.1:8080;
        proxy_set_header   Host              $host;
        proxy_set_header   X-Real-IP         $remote_addr;
        proxy_set_header   X-Forwarded-For   $proxy_add_x_forwarded_for;
        proxy_set_header   X-Forwarded-Proto $scheme;
        proxy_connect_timeout 10s;
        proxy_read_timeout    60s;
    }
}
EOF

sudo nginx -t

syntax is ok と表示されたら：

sudo systemctl reload nginx

⬛ handson-webap-1c でも手順1〜6を同様に実行します。

sudo dnf install -y postgresql16

psql -h 【RDSエンドポイント】 -U admin -d handson_db

パスワードを求められたら AdminPass123! を入力してEnter（入力文字は画面に表示されません）。

handson_db=> プロンプトが表示されれば接続成功です。

-- テーブル作成
CREATE TABLE users (
  id         SERIAL PRIMARY KEY,
  name       VARCHAR(100) NOT NULL,
  email      VARCHAR(200) NOT NULL UNIQUE,
  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- サンプルデータ挿入
INSERT INTO users (name, email) VALUES
  ('田中 太郎', 'taro@example.com'),
  ('鈴木 花子', 'hanako@example.com'),
  ('佐藤 一郎', 'ichiro@example.com');

-- 確認
SELECT * FROM users;

-- 切断
\q

3件のレコードが表示されれば成功です。

handson-webap-1a と handson-webap-1c が 「healthy」 になっていることを確認します。

手順9でメモした ALBのDNS名をブラウザのアドレスバーに入力してアクセスします：

ブラウザで /health や /users に複数回アクセスすると、レスポンスの "server" フィールドが handson-webap-1a と handson-webap-1c で切り替わることを確認します。

EC2コンソールで handson-webap-1a を「停止」すると、ALBが自動的に handson-webap-1c のみにルーティングします。

ブラウザからのアクセスがエラーなく継続できることを確認します。

確認後は handson-webap-1a を「開始」して元の状態に戻してください。

「最終スナップショットを作成しますか？」→ いいえ を選択
確認テキスト（delete me）を入力して 削除

確認テキストを入力して 削除

デタッチ完了後 → 再度 アクション → 「インターネットゲートウェイを削除」

sg-rds → sg-webap → sg-alb の順に削除します（依存関係があるため逆順）。

サブネット 6つ → ルートテーブル（handson-rt-private-webap → handson-rt-public）→ VPC（handson-vpc）の順に削除します。