Menghantar E-mel dengan Permintaan HTTP JavaScript

Menghantar E-mel Menggunakan JavaScript dan Perkhidmatan Backend

JavaScript dan Node.js dengan Express

// Frontend Script: Sending email data to backend
function sendEmail() {
  const emailData = {
    to: 'recipient@example.com',
    subject: 'Test Email',
    text: 'Hello, this is a test email.'
  };
  fetch('/send-email', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(emailData)
  }).then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));
}

Perkhidmatan Bahagian Belakang untuk Mengendalikan Penghantaran E-mel

Node.js dengan Express dan Nodemailer

const express = require('express');
const nodemailer = require('nodemailer');
const app = express();
app.use(express.json());
app.post('/send-email', (req, res) => {
  const { to, subject, text } = req.body;
  const transporter = nodemailer.createTransport({
    service: 'gmail',
    auth: {
      user: 'your-email@gmail.com',
      pass: 'your-email-password'
    }
  });
  const mailOptions = { from: 'your-email@gmail.com', to, subject, text };
  transporter.sendMail(mailOptions, (error, info) => {
    if (error) { return res.status(500).send(error.toString()); }
    res.status(200).send('Email sent: ' + info.response);
  });
});
app.listen(3000, () => {
  console.log('Server running on port 3000');
});

Soalan Lazim Mengenai Menghantar E-mel dengan JavaScript

1. Bolehkah saya menghantar e-mel terus dari penyemak imbas menggunakan JavaScript?
2. Menghantar e-mel terus daripada penyemak imbas menggunakan JavaScript tidak boleh dilakukan kerana kebimbangan keselamatan dan spam. Anda memerlukan perkhidmatan bahagian belakang atau API pihak ketiga.
3. Apakah kegunaan Nodemailer dalam skrip backend?
4. Nodemailer ialah modul Node.js yang digunakan untuk menghantar e-mel daripada pelayan. Ia menyokong pelbagai perkhidmatan dan protokol penghantaran e-mel.
5. Bagaimana caranya fetch kerja arahan dalam skrip frontend?
6. The fetch arahan membuat permintaan HTTP ke bahagian belakang, menghantar data e-mel untuk diproses dan dihantar oleh pelayan.
7. Kenapa express.json middleware yang digunakan di bahagian belakang?
8. express.json middleware digunakan untuk menghuraikan permintaan JSON yang masuk, menjadikannya lebih mudah untuk mengendalikan dan memproses data yang dihantar dari bahagian hadapan.
9. Apakah faedah menggunakan perkhidmatan e-mel pihak ketiga seperti SendGrid?
10. Perkhidmatan e-mel pihak ketiga menawarkan penghantaran yang boleh dipercayai, berskala, penjejakan dan analitik, memudahkan pengurusan e-mel dalam aplikasi.
11. Adakah selamat untuk menghantar e-mel menggunakan permintaan HTTP dalam JavaScript?
12. Menggunakan HTTPS dan pengesahan yang betul dengan perkhidmatan pihak ketiga boleh menjamin penghantaran e-mel dalam aplikasi JavaScript.
13. Bolehkah saya menggunakan SMTP dengan Gmail untuk menghantar e-mel?
14. SMTP dengan Gmail mungkin tidak berfungsi dengan pasti disebabkan perubahan keselamatan terkini. Menggunakan perkhidmatan seperti SendGrid atau Mailgun adalah disyorkan.
15. Bagaimanakah saya mengendalikan ralat semasa menghantar e-mel menggunakan Nodemailer?
16. Semak objek ralat yang dikembalikan dalam panggilan balik nodemailer.sendMail untuk mengendalikan dan mencatat sebarang isu yang timbul.
17. Apakah beberapa alternatif kepada Nodemailer untuk menghantar e-mel dalam Node.js?
18. Alternatif kepada Nodemailer termasuk perkhidmatan pihak ketiga seperti SendGrid, Mailgun dan AWS SES, yang menawarkan API e-mel yang komprehensif.
19. Bagaimanakah saya boleh menjejak e-mel dibuka dan klik dalam JavaScript?
20. Menggunakan perkhidmatan pihak ketiga seperti SendGrid, anda boleh mendayakan ciri penjejakan untuk memantau pembukaan e-mel, klik dan interaksi lain.