Cloud Run, Amplify, Netlify, VercelにNext.jsをデプロイ

2024/12/7に公開（2024/12/10に更新）履歴 (2)

このブログをCloud Run, AWS Amplify, Netlify, Vercelで運用するようにしました。DNS (Route 53) でリクエストを振り分けています。

## デプロイ

総じてデプロイは簡単だったので特に言うことはありません。

### Cloud Run

今回のアプリはこのブログなので未認証の呼び出しを許可して、作成をクリックします。#img4

### AWS Amplify

### Netlify, Vercel

ログインしてリポジトリを選ぶだけなので省略します。

## ドメイン設定

4つデプロイしたので、全部使うことにしました。

### Cloud Run

Cloud Runのサービス一覧画面で「カスタムドメインを管理」から追加します。

### AWS Amplify

「アプリケーションの概要」→「ホスティング」→「カスタムドメイン」で設定します。

### Netlify, Vercel

Netlifyは「Domain management」、Vercelは「Settings」→「Domains」で設定します。

## ドメイン設定

それぞれに分散させたいので、Route 53で加重ルーティングしました。

Cloud Runのドメインマッピングはプレビュー版なので少なめにしました。#img9

## ヘルスチェック

Route 53でヘルスチェックを設定し正常でないエンドポイントはを返さないようにしました。

middleware.ts で GET /health に 200 を返すようにします。
それぞれの https://mainブランチデプロイ先/health が動いているか確認します。
Route 53のヘルスチェックを設定して終わりです。Route 53の料金は2024年12月時点で以下の通りです。

AWS以外のエンドポイントにHTTPSでヘルスチェックすると1エンドポイント 2.75USD/月です。ちょっともったいないのでCloudWatchアラームで節約できるか試してみました。

まず、Lambda関数を追加します。

#code1

1const HealthCheckUrl = 'https://mainブランチデプロイ先/health';2const TimeoutMs = 8000;3export const handler = async () => {4  const abc = new AbortController();5  const timerId = setTimeout(() => abc.abort(), TimeoutMs);6  try {7    const res = await fetch(HealthCheckUrl, {signal: abc.signal});8    if (!res.ok) {9      throw new Error(`${res.status} ${res.statusText}`)10    }11  } catch (error) {12    if (error.name === 'AbortError') {13      throw new Error(`Request timed out after ${TimeoutMs}ms`);14    }15    throw error;16  } finally {17    clearTimeout(timerId);18  }19};

タイムアウトは初期値の3秒だとたまに足りないので10秒にしています。#img11

関数はEventBridgeで定期実行します。

エラーを検知するCloudWatchアラームを作成します。

CloudWatchアラームを見るタイプのヘルスチェックを作成し、レコードのヘルスチェックのところに設定します。

この場合の1エンドポイントあたりの料金を試算してみます。

$C_{E}$ : EventBridgeの料金 ... よくわからないのでゼロ！
CL: Lambdaの料金
- $N$ : 2分ごと実行とすると 720回/日、31日で22320回実行されます。
- $T$ : 1回の実行時間は Cloud Run 240ms, AWS Ampliy 600ms, Netlify 200ms, Vercel 180ms くらいなので多めに見積もって 1000ms/回とします。
- $C$ : 2024年12月の us-east-1 Arm 128MB の料金は 0.0000000017 USD/ms です。
- $N \times T \times C = 0.0000000017 \times 1000 \times 22320 = 0.038$ USD/月となります。
$C_{W}$ : CloudWatchの料金 ... 1アラーム 0.10USD/月です。
$C_{D}$ : Route 53の料金 ... 1ヘルスチェック 0.50USD/月です。
$C = C_{E} + C_{L} + C_{W} + C_{D} = 0 + 0.038 + 0.10 + 0.50 = 0.64$ USD/月です。

Route 53でAWS外部のHTTPSだと 2.75USD/月になりそうなので、1/4にできそうです。実際のところは来月の請求をみて確認します。

## このページはどこから？

閲覧時にレスポンスをどこが返したのか確認したいのでフッター左側に表示するようにしました。

これをやるのに環境変数をいろいろいじったのですが、それは別の記事にします。