JavaScript를 사용하여 웹 페이지에서 이메일을 보내는 방법

인터넷의 발달로 이메일은 사람들의 일상생활에 필수적인 부분이 되었습니다. 웹사이트와 애플리케이션에서 이메일 전송은 해결해야 할 문제 중 하나가 되었습니다.

프런트 엔드 프로그래밍 언어인 JavaScript는 웹 페이지에서 널리 사용됩니다. JavaScript 기반 웹사이트나 애플리케이션을 개발하는 경우 이메일을 보내려면 JavaScript를 사용해야 할 수도 있습니다.

이 기사에서는 JavaScript를 사용하여 웹 페이지에서 이메일을 보내는 방법을 알아봅니다. 먼저 이메일 서비스 제공업체를 선택해야 합니다. 이 경우 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를 사용하여 이메일을 성공적으로 보냈습니다. 메일 옵션 개체를 사용하여 HTML 이메일이나 첨부 파일이 있는 이메일을 보낼 수 있습니다.

3. 요약

이번 글에서는 JavaScript와 Nodemailer 라이브러리를 이용해 웹페이지에서 이메일을 보내는 방법을 소개했습니다. 또한 Gmail SMTP 서버를 사용하여 이메일을 보내는 방법도 살펴보았습니다. 그러나 많은 이메일 서비스 제공업체는 보안상의 이유로 JavaScript 클라이언트의 이메일 전송을 차단할 수 있습니다. 프로젝트에서 사용하기 전에 선택한 이메일 서비스 제공업체의 정책을 이해하세요.

위 내용은 JavaScript를 사용하여 웹 페이지에서 이메일을 보내는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!