JavaScript を使用して Web ページから電子メールを送信する方法

インターネットの発展に伴い、電子メールは人々の日常生活に欠かせないものになりました。 Web サイトやアプリケーションにおいて、メールの送信は解決しなければならない問題の 1 つとなっています。

フロントエンド プログラミング言語として、JavaScript は Web ページで広く使用されています。 JavaScript ベースの Web サイトまたはアプリケーションを開発している場合は、おそらく JavaScript を使用して電子メールを送信する必要があります。

この記事では、JavaScript を使用して Web ページから電子メールを送信する方法を学習します。まず、電子メール サービス プロバイダーを選択する必要があります。この場合は例として Gmail を使用することを選択します。

1. Gmail の SMTP サービスを有効にする

まず、Gmail の SMTP サービスを有効にする必要があります。 Gmail アカウント設定の [セキュリティ] タブに移動し、[低セキュリティのアプリを有効にする] を有効にします。

Gmail SMTP サーバーを使用して電子メールを送信するには、次の詳細を使用する必要があります:

• SMTP サーバー: smtp.gmail.com;
• SSLポート: 465 ;
• TLS ポート: 587;
• 電子メール アドレス: Gmail の電子メール アドレス;
• パスワード: Gmail のパスワード。

2. JavaScript を使用した電子メールの送信

JavaScript を使用して電子メールを送信するには、SMTP クライアント ライブラリを使用できます。この例では、Nodemailer ライブラリを使用します。

2.1. Nodemailer をインストールする

次のコマンドを使用して、プロジェクトに nodemailer をインストールします:

npm install nodemailer

2.2. JavaScript コードを作成します

方法を見てみましょう。 Nodemailer を使用して電子メールを送信するための JavaScript コードを作成します。まず、Gmail サーバーに電子メールを送信するための SMTP トランスポート オブジェクトを作成する必要があります。

const nodemailer = require('nodemailer');

// 创建一个SMTP传输对象
const transporter = nodemailer.createTransport({
    host: 'smtp.gmail.com',
    port: 465,
    secure: true,
    auth: {
        user: 'your@gmail.com',
        pass: 'yourpassword'
    }
});

次のステップでは、電子メールの受信者アドレス、内容、件名などの電子メール オプション オブジェクトを定義する必要があります。

// 定义一个邮件选项对象
const mailOptions = {
    from: 'your@gmail.com',
    to: 'recipient@example.com',
    subject: '邮件主题',
    text: '邮件内容'
};

トランスポート オブジェクトとメール オプション オブジェクトを定義したら、transporter.sendMail メソッドを使用して電子メールを送信できます。

// 使用SMTP传输对象发送邮件
transporter.sendMail(mailOptions, (err, info) => {
    if (err) {
        console.log(err);
    } else {
        console.log(info);
    }
});

これで、JavaScript と Nodemailer を使用して電子メールを送信することができました。 Mail Options オブジェクトを使用して、HTML 電子メールまたは添付ファイル付き電子メールを送信できます。

3. 概要

この記事では、JavaScript と Nodemailer ライブラリを使用して Web ページで電子メールを送信する方法を紹介しました。また、Gmail SMTP サーバーを使用して電子メールを送信する方法についても説明しました。ただし、多くの電子メール サービス プロバイダーは、セキュリティ上の理由から JavaScript クライアントからの電子メールの送信をブロックしている場合があることに注意してください。プロジェクトで使用する前に、選択した電子メール サービス プロバイダーのポリシーを必ず理解してください。

以上がJavaScript を使用して Web ページから電子メールを送信する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。