📝

API Gateway から Amplify Hosting にアクセスしてみた

に公開
AWS
Amplify
Amazon API Gateway
tech

問題なくアクセスできました。

1. Amplify アプリの作成

以下の index.html を zip ファイル化してデプロイしました。

index.html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>テストサイト</title>
</head>
<body>
    <h1>Hello from Amplify!</h1>
    <p>This is content accessed via API Gateway.</p>
    <p>API Gateway経由でアクセスされるコンテンツです。</p>
</body>
</html>

2. API Gateway の作成

以下の内容で作成しました。

  • REST API
  • GET メソッド
  • HTTP 統合
  • HTTP プロキシ統合 ON
  • エンドポイント URL: 手順 1 で作成した Amplify アプリの URL

上記設定後にデプロイしました。

3. 動作確認

API Gateway の URL にアクセスして手順 1 と同じページが表示されれば OK です。

まとめ

今回は API Gateway から Amplify Hosting にアクセスしてみました。
どなたかの参考になれば幸いです。

Discussion