在heroku上部署了angular和node后，如何通过表单输入发送电子邮件？

在Heroku上部署了Angular和Node后，可以通过以下步骤来通过表单输入发送电子邮件：

首先，确保你已经在Heroku上成功部署了Angular前端应用和Node后端应用。
在Node后端应用中，你需要使用一个邮件发送库来发送电子邮件。一个常用的库是Nodemailer。你可以在Node应用的依赖中添加Nodemailer库。
在Node应用的代码中，你需要创建一个路由来处理表单提交的请求，并在该路由中使用Nodemailer库来发送电子邮件。以下是一个示例代码：

const express = require('express');
const nodemailer = require('nodemailer');

const router = express.Router();

// 创建一个Nodemailer传输对象
const transporter = nodemailer.createTransport({
  service: 'your-email-service-provider',
  auth: {
    user: 'your-email',
    pass: 'your-email-password'
  }
});

// 处理表单提交的请求
router.post('/send-email', (req, res) => {
  const { name, email, message } = req.body;

  // 配置电子邮件的内容
  const mailOptions = {
    from: 'your-email',
    to: 'recipient-email',
    subject: 'New Email from Contact Form',
    text: `Name: ${name}\nEmail: ${email}\nMessage: ${message}`
  };

  // 使用Nodemailer发送电子邮件
  transporter.sendMail(mailOptions, (error, info) => {
    if (error) {
      console.log(error);
      res.status(500).send('Error sending email');
    } else {
      console.log('Email sent: ' + info.response);
      res.status(200).send('Email sent successfully');
    }
  });
});

module.exports = router;

在Angular前端应用中，你需要创建一个表单来接收用户的输入，并在表单提交时向Node后端应用发送请求。以下是一个示例代码：

<form (ngSubmit)="sendEmail()">
  <label for="name">Name:</label>
  <input type="text" id="name" [(ngModel)]="name" required>

  <label for="email">Email:</label>
  <input type="email" id="email" [(ngModel)]="email" required>

  <label for="message">Message:</label>
  <textarea id="message" [(ngModel)]="message" required></textarea>

  <button type="submit">Send Email</button>
</form>

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-email-form',
  templateUrl: './email-form.component.html',
  styleUrls: ['./email-form.component.css']
})
export class EmailFormComponent {
  name: string;
  email: string;
  message: string;

  constructor(private http: HttpClient) {}

  sendEmail() {
    const formData = {
      name: this.name,
      email: this.email,
      message: this.message
    };

    this.http.post('/api/send-email', formData)
      .subscribe(
        () => {
          console.log('Email sent successfully');
          // 在这里可以添加一些成功发送电子邮件后的处理逻辑
        },
        (error) => {
          console.log('Error sending email: ' + error);
          // 在这里可以添加一些发送电子邮件失败后的处理逻辑
        }
      );
  }
}

请注意，上述代码中的your-email-service-provider、your-email和recipient-email需要替换为你自己的电子邮件服务提供商、发件人邮箱和收件人邮箱。