Nodemailer Node экспресс-выпуск POST страницы Github Gmail

Вот ссылка на репозиторий: https://github.com/mcs415/nodemailer-heroku Репозиторий в основном является копией учебника Брэда Травери: https://www.youtube.com/watch?v=nF9g1825mwk Сервер узла работает на локальном хосте, но когда я отправляю, я получаю сообщение об ошибке POST, и после этого я не получаю никакой информации.

Я начал искать ошибку POST Nodemailer в Интернете, а затем пришел к выводу, что это, вероятно, экспресс. Я использую Gmail. Сначала предлагалось использовать почту Zoho. Я использую менее безопасный вариант приложений, код в репо не имеет пароля. Я думал, что сначала разберусь с ошибкой POST.

Я настроил Heroku, а затем попытался создать приложение через интерфейс командной строки, оно выглядело хорошо, затем я получил сообщение об ошибке: нет сценария запуска, я искал его и обнаружил, что включает строку после теста в файл JSON, затем мой сервер пренебрег вообще бегать. Итак, по одной штуке. Сначала ошибка POST, затем Heroku, затем GMAIL, возможно, опция 0auth или другая учетная запись электронной почты.

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Contact Morgan</title>
      <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css" />
      <link rel="stylesheet" href="public/css/style.css">
    </head>
    <body>
      <div class="container">
        <h1 class="brand"><span>Acme</span> Web Design</h1>
        <div class="wrapper animated bounceInLeft">
          <div class="company-info">
            <ul>
              <li><i class="fa fa-road"></i></li>
              <li><i class="fa fa-phone"></i></li>
              <li><i class="fa fa-envelope"></i> [email protected]</li>
            </ul>
          </div>
          <div class="contact">
            <h3>Email Us</h3>
            {{msg}}
            <form method="POST" action"/send">
              <p>
                <label>Name</label>
                <input type="text" name="name">
              </p>
              <p>
                <label>Company</label>
                <input type="text" name="company">
              </p>
              <p>
                <label>Email Address</label>
                <input type="email" name="email">
              </p>
              <p>
                <label>Phone Number</label>
                <input type="text" name="phone">
              </p>
              <p class="full">
                <label>Message</label>
                <textarea name="message" rows="5"></textarea>
              </p>
              <p class="full">
                <button type="submit">Submit</button>
              </p>
            </form>
            <p>Thank you Brad at Traversy media for the tutorial!</p>
          </div>
        </div>
      </div>
    </body>
    </html>

приложение.js:

    const express = require('express');
    const bodyParser = require('body-parser');
    const exphbs = require('express-handlebars');
    const path = require('path');
    const nodemailer = require('nodemailer');

    const app = express();

    // View engine setup
    app.engine('handlebars', exphbs());
    app.set('view engine', 'handlebars');

    // Static folder
    app.use('/public', express.static(path.join(__dirname, 'public')));

    // Body Parser Middleware
    app.use(bodyParser.urlencoded({ extended: false }));
    app.use(bodyParser.json());

    app.get('/', (req, res) => {
      res.render('contact', {layout: false});
    });

    app.post('/send', (req, res) => {
      const output = `
        <p>You have a new contact request</p>
        <h3>Contact Details</h3>
        <ul>
          <li>Name: ${req.body.name}</li>
          <li>Company: ${req.body.company}</li>
          <li>Email: ${req.body.email}</li>
          <li>Phone: ${req.body.phone}</li>
        </ul>
        <h3>Message</h3>
        <p>${req.body.message}</p>
      `;

      // create reusable transporter object using the default SMTP transport
      let transporter = nodemailer.createTransport({
        host: 'smtp.gmail.com',
        port: 587,
        secure: false, // true for 465, false for other ports
        auth: {
            user: '[email protected]', // generated ethereal user
            pass: '********'  // generated ethereal password
        },
        tls:{
          rejectUnauthorized:false
        }
      });

      // setup email data with unicode symbols
      let mailOptions = {
          from: '"Nodemailer Contact" <[email protected]>', // sender address
          to: '[email protected]', // list of receivers
          subject: 'Node Contact Request', // Subject line
          text: 'Hello world?', // plain text body
          html: output // html body
      };

      // send mail with defined transport object
      transporter.sendMail(mailOptions, (error, info) => {
          if (error) {
              return console.log(error);
          }
          console.log('Message sent: %s', info.messageId);
          console.log('Preview URL: %s', nodemailer.getTestMessageUrl(info));

          res.render('contact', {msg:'Email has been sent'});
      });
      });

    app.listen(3000, () => console.log('Server started...'));
    json
    {
      "name": "nodecontactform",
      "version": "1.0.0",
      "description": "sample app using nodemailer",
      "main": "app.js",
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
      },
      "author": "mcs",
      "license": "MIT",
      "dependencies": {
        "body-parser": "^1.19.0",
        "express": "^4.17.1",
        "express-handlebars": "^3.1.0",
        "i": "^0.3.6",
        "nodemailer": "^6.4.2",
        "npm": "^6.13.4"
      }
    }

javascript forms html express nodemailer
person msippel415    schedule 18.12.2019    source источник
comment
что вы имеете в виду под ошибкой в ​​посте? что показывает консоль сервера и клиента (браузера)?   -  person Lawrence Cherone    schedule 18.12.2019

Ответы (2)


arrow_upward
1
arrow_downward

Первую ошибку Cannot POST / можно исправить, добавив знак = к атрибуту <form> tags action:

<form method="POST" action="/send">

В вашей версии вы на самом деле отправляли этот запрос POST /, когда хотели POST /send.

С другими ошибками лучше всего справиться, просто скопировав код, который предоставляет Nodemailer. Я подключил ваш проект и отредактировал app.js, чтобы он соответствовал примеру Nodemailer, и все заработало нормально. Вам нужно настроить вызов res.render в маршруте POST /send, чтобы добавить опцию layout:false:

res.render('contact', { layout: false, msg:'Email has been sent'});

И вам нужно сгенерировать эфирного пользователя и использовать эти учетные данные:

  // Only needed if you don't have a real mail account for testing
  let testAccount = await nodemailer.createTestAccount();

  // create reusable transporter object using the default SMTP transport
  let transporter = nodemailer.createTransport({
    host: "smtp.ethereal.email",
    port: 587,
    secure: false, // true for 465, false for other ports
    auth: {
      user: testAccount.user, // generated ethereal user
      pass: testAccount.pass // generated ethereal password
    }
  });

Вот полный код из app.js, который я использовал, чтобы заставить его работать:

app.js

const express = require('express');
const bodyParser = require('body-parser');
const exphbs = require('express-handlebars');
const path = require('path');
const nodemailer = require('nodemailer');

const app = express();

// View engine setup
app.engine('handlebars', exphbs());
app.set('view engine', 'handlebars');

// Static folder
app.use('/public', express.static(path.join(__dirname, 'public')));

// Body Parser Middleware
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

app.get('/', (req, res) => {
  res.render('contact', {layout: false});
});

app.post('/send', (req, res) => {

  const mailBody = `
    <p>You have a new contact request</p>
    <h3>Contact Details</h3>
    <ul>
      <li>Name: ${req.body.name}</li>
      <li>Company: ${req.body.company}</li>
      <li>Email: ${req.body.email}</li>
      <li>Phone: ${req.body.phone}</li>
    </ul>
    <h3>Message</h3>
    <p>${req.body.message}</p>
  `;

  sendMail(mailBody).catch(console.error);

  res.render('contact', { layout: false, msg:'Email has been sent'});

});

// async..await is not allowed in global scope, must use a wrapper
async function sendMail(html) {
  // Generate test SMTP service account from ethereal.email
  // Only needed if you don't have a real mail account for testing
  let testAccount = await nodemailer.createTestAccount();

  // create reusable transporter object using the default SMTP transport
  let transporter = nodemailer.createTransport({
    host: "smtp.ethereal.email",
    port: 587,
    secure: false, // true for 465, false for other ports
    auth: {
      user: testAccount.user, // generated ethereal user
      pass: testAccount.pass // generated ethereal password
    }
  });

  // send mail with defined transport object
  let info = await transporter.sendMail({
    from: '"Fred Foo ????" <[email protected]>', // sender address
    to: "[email protected], [email protected]", // list of receivers
    subject: "Hello ✔", // Subject line
    text: "Hello world?", // plain text body
    html // html body
  });

  console.log("Message sent: %s", info.messageId);
  // Message sent: <[email protected]>

  // Preview only available when sending through an Ethereal account
  console.log("Preview URL: %s", nodemailer.getTestMessageUrl(info));
  // Preview URL: https://ethereal.email/message/WaQKMgKddxQDoou...
}

app.listen(3000, () => console.log('Server started...'));

А вот гифка, чтобы показать, как это выглядит:

Эфирный запрос

Вы можете найти ответвление проекта, которое работает должным образом, здесь: nodemailer-repo< /а>

person DanielSchroederDev    schedule 18.12.2019
comment
Большое спасибо, мистер Шредер. Я займусь этим и дам вам знать, как дела. Спасибо за ваше время. Я не знаю, как бы я сделал это без тебя. - person msippel415; 18.12.2019

arrow_upward
0
arrow_downward

https://nodemailer-mcs.herokuapp.com/

Потребовалась некоторая работа, чтобы получить его на Heroku, но я доволен конечным результатом, я бы не сделал этого без помощи Дэна, эфирное электронное письмо вселило в меня большую надежду. Были некоторые настройки с героку, с профилем, настройками запуска скрипта и прослушиванием порта: process.env.PORT || 3000;

person msippel415    schedule 18.12.2019