Jamstackサイトで電子メール送信のNetlifyFunctionsを活用します

Jamstack Webサイト（サーバー側(cè)の言語のない1つ）からメールを送信する必要がありますか？ Netlify機(jī)能と電子メールサービスAPIを使用して簡単に達(dá)成できます。このガイドでは、SparkPostを例として使用していますが、原則は他のサービスに適用されます。

コアコンセプトには、フロントエンドと電子メールAPIの間の安全な仲介者として機(jī)能するサーバーレス関數(shù)（Netlify Lambdaなど）が含まれます。これにより、APIキーはGitリポジトリの露出から保護(hù)されます。

SparkPostのセットアップ：

1. SparkPostアカウントを作成し、ダッシュボードからAPIキーを取得します。

Netlifyの構(gòu)成：

1. SparkPost APIキーをNetlify環(huán)境変數(shù)として保存します。これにより、安全に保ち、コードベースから外れます。

ローカル開発にnetlify devを使用してください：

Netlify Devはローカルテストを簡素化します。靜的サイトジェネレーター（例えば、110）を自動的に実行し、機(jī)能用のローカルサーバーを起動します。端子出力には、関數(shù)サーバーのポートが表示されます（例えば、 ? Lambda server is listening on 59629 ）。

新しい関數(shù)を作成するには、コマンドラインを使用します。

 NetLify関數(shù)：CREATE  - 名前[送信メール）

SparkPost node.jsライブラリの利用：

SparkPostは、API相互作用を簡素化するNode.jsライブラリを提供します。必要なディレクトリ構(gòu)造を作成します。

 <code>/project ... your website files ... /functions/ /send-email/ package.json send-email.js</code>

ライブラリをインストールします：

 NPMインストールSparkPost  -  save-dev

send-email.jsファイルには関數(shù)コードが含まれます。

 const sparkpost = require（ 'sparkpost'）;
const client = new SparkPost（process.env.sparkpost）;

exports.handler = async（event、context、callback）=> {
  試す {
    const response = await client.transmissions.send（{
      コンテンツ： {
        from： '[電子メール保護(hù)]'、
        件名：「こんにちは、世界！」、
        HTML： '<p>私のクールなメール。</p> '
      }、
      受信者：[{住所： '[電子メール保護(hù)]'}]
    }）;
    callback（null、{statuscode：200、body：json.stringify（response）}）;
  } catch（error）{
    コールバック（エラー）;
  }
};

Netlify Environment変數(shù)からAPIキーにアクセスするには、 process.env.SPARKPOSTの使用に注意してください。包括的なエラー処理と高度な機(jī)能については、SparkPostドキュメントをご覧ください。

関數(shù)のテスト：

netlify devが実行されている場合、次のようなURLを介して機(jī)能にアクセスします。

 <code>http://localhost:34567/.netlify/functions/send-email</code>

郵便配達(dá)員や不眠癥などのツールを使用して、電子メールボディや受信者データを含むPOSTリクエストを送信するなど、より洗練されたテストを行うことができます。関數(shù)內(nèi)のログをコンソールすることも、デバッグに役立ちます。

このセットアップにより、Jamstackアーキテクチャ內(nèi)の動的電子メール送信機(jī)能が可能になり、セキュリティを維持し、Netlify機(jī)能の利便性を活用できます。コードを特定の電子メールサービスと要件に適応させることを忘れないでください。

以上が電子メールを送信するためのNetLify機(jī)能の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。