2025の 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/プレーンテキスト/添付ファイルのプレビューを確認できるようになりました。

P.S. 🎉 ブラウザとiOSシミュレータでメールをプレビューするNode.jsでメールテンプレートを作成する も使用できます。