azure serverless contact

Azure サーバーレスお問い合わせフォーム

Azure Functions と SendGrid を使用して電子メールを送信するシンプルなサーバーレス アプリケーション。

このデモ アプリケーションには、静的な HTML 連絡先ページと、Azure Functions ランタイム 2.0 を使用する JavaScript ベースの関数が含まれています。 HTML ページは Azure Storage から提供できます。ユーザーがフォームに入力して送信すると、関数が呼び出され、SendGrid を使用してフォームの詳細が電子メールで送信されます。

導入手順

最終的には、このプロジェクトの展開自動化手順を含める予定です。現時点では、次の大まかな手順に従って、このアプリケーションを Azure に手動でデプロイできます。

1. このガイドで説明されている手順に従って、Azure Function App を作成します。
2. Azure ストレージ アカウントを作成し、静的 Web サイト ホスティングを有効にします。
3. Azure ポータルで SendGrid アカウントを作成し、SendGrid コンソールで SendGrid API キーを作成します。
4. Function App に、SendGrid API キーを含むSendGridという名前のアプリ設定エントリを作成します。
5. このリポジトリのContactFormAPI をFunction App にデプロイします。これは、「Azure Functions を使用した Azure へのデプロイ」で説明されている手順を使用して、Visual Studio (VS) Code で簡単に実行できます。デプロイする前に、function.json ファイルの23 行目を更新して、目的の宛先電子メール アドレスを含めてください。
6. このリポジトリのwwwフォルダーから、静的 Web サイト対応ストレージ アカウントの$wwwコンテナーに、 index.htmlファイルをアップロードします。アップロードする前に、まず、index.html ファイルの67 行目を関数 URL で更新する必要があります。

アプリのプレビュー

アプリ情報

著者

マイク・ファイファー @mike_pfeiffer

バージョン

1.0.0

ライセンス

このプロジェクトは、Apache License 2.0 に基づいてライセンスされています。