【開発用】%%%%%%%@@@@@@!!!!!!########$$$$$$【開発用】%%%%%%%@@@@@@!!!!!!########$$$$$$【開発用】%%%%%%%@@@@@@!!!!!!########$$$$$$【開発用】%%%%%%%@@@@@@!!!!!!########$$$$$$【開発用】%%%%%%%@@@@@@!!!!!!########$$$$$$【開発用】%%%%%%%@@@@@@!!!!!!########$$$$$$【開発用】%%%%%%%@@@@@@!!!!!!########$$$$$$

1. なぜサーバーレスなのか?

従来のPHP等で動くフォームと違い、サーバーレス構成には多くのメリットがあります。詳細は公式ドキュメントを参照してください。

  • 低コスト: リクエストがない時は課金されません。
  • 高セキュリティ: サーバーのOS管理が不要なため、脆弱性を突かれるリスクが激減します。

2. 実装のステップ

まずはAPI Gatewayでエンドポイントを作成し、Lambda関数を紐付けます。

順序付きリストの例

  1. AWSコンソールにログイン
  2. Lambda関数を作成(Node.jsを選択)
  3. API Gatewayでトリガーを設定

環境変数の設定コード

以下のJSONを環境変数として設定してください。

export const handler = async (event) => {
  const body = JSON.parse(event.body);
  console.log("Received data:", body);
  return { 
    statusCode: 200, 
    body: JSON.stringify({ msg: "OK" }) 
  };
};

注意: API GatewayのCORS設定を忘れると、ブラウザからのリクエストがブロックされます。

引用元:AWS公式ドキュメント
Related

3. テーブルレイアウトの例

サービス名役割コスト
API Gatewayエンドポイント従量課金
Lambdaロジック実行従量課金
Fig.01: ディレクトリ構成のプレビュー
Fig.01: ディレクトリ構成のプレビュー

これで基本的な構成は完了です。以下のボタンからサンプルコードをダウンロードできます。

お問い合わせはこちら