2024の JavaScript コンタクト フォーム Node.js コード例

Node、React、React Native、Koa、Express、Fastify、および Nodemailer SMTP を使用して JavaScript コンタクト フォームを作成および送信します。

インストールと要件

インストールする必要があります nodemailer npm の依存関係:

npm install nodemailer

ソースコードと例

この例では、 メモメーラー 図書館とその公式スポンサー 前方のメール 送信メールを送信してプレビューします。

必要となるのは、 パスワードの生成 アウトバウンドメールを送信するには – に従ってください。 カスタム ドメイン SMTP ガイドで電子メールを送信する.

// app.js
import nodemailer from 'nodemailer';

const transporter = nodemailer.createTransport({ host: 'smtp.forwardemail.net', port: 465, secure: true, auth: { // TODO: replace user and pass values from: // <https://forwardemail.net/guides/send-email-with-custom-domain-smtp> user: 'you@example.com', pass: '****************************' }, });

await transporter.sendMail({ from: 'you@example.com', to: 'user@gmail.com', subject: 'hello world', html: '<h1>hello world</h1>' });

アプリを実行して電子メールを送信します。

node app

今、あなたはに行くことができます マイアカウント → メール リアルタイムのメール配信ステータス、メール配信ログ、HTML/プレーンテキスト/添付ファイルのプレビューを確認できます。

追伸🎉こんなこともできます ブラウザーと iOS シミュレーターでメールをプレビューするNode.js を使用して電子メール テンプレートを作成する.