如何在 html 联系表单中使用 SMTP？答案

【问题标题】：How to use a SMTP in an html contact form?如何在 html 联系表单中使用 SMTP？
【发布时间】：2021-04-16 08:16:07
【问题描述】：

我有以下联系方式：

<div class="container red_layer_footer">
<form action="/var/www/cgi-bin/FormMail.pl" method="POST">
<input type=hidden name="recipient" value="mymail@gmail.com">
<input type=hidden name="subject" value="Nuova mail">
<input type=hidden name="redirect" value="http://www.evogale.it/grazie.html">

<h2>CONTATTI</h2>

<div class="name">
<label for="name"></label>
<input type="text" placeholder="Nome" name="name" id="name_input" required>
</div>

<div class="email">
<label for="email"></label>
<input type="email" placeholder="Mail" name="email" id="email_input" required>
</div>

<div class="message">
<label for="message"></label>
<textarea name="message" placeholder="Messaggio" id="message_input" cols="30" rows="5" required></textarea>
</div>

<div class="submit">
<input type="submit" value="Invia Messaggio" id="form_button">
</div>

<input type=hidden name="required" value="email,name,message">
</form> <!-- // End form -->
</div> <!-- End #container -->

在一个 html 文件中，我希望它通过 SMTP 发送电子邮件。我应该如何修改代码以实现这一目标？在网上环顾四周，我发现我可能会添加一些 jQuery 代码？

【问题讨论】：

您无法从浏览器发送电子邮件。见stackoverflow.com/questions/7381150/…
我可以看到您的后端是 Perl CGI 脚本，您可能只想使用像 Email::Sender::Simple 这样的 Perl 模块来发送电子邮件。一些标准方法在this post。

标签： javascript html jquery smtp contact-form

【解决方案1】：

为了能够发送电子邮件，您需要在设置电子邮件客户端时提供正确的SMTP 服务器。大多数互联网系统使用SMTP 作为将邮件从一个用户传输到另一个用户的方法。它是一个推送协议。为了使用 SMTP，您需要配置您的 Gmail。您需要更改发送邮件的gmail 帐户的两项设置，即

1.撤销两步验证

2. 允许不太安全的应用访问 Gmail。您可以通过点击链接Enable轻松做到这一点

在此之后只需创建一个 html 文件并在您的标签中包含 SMTP：

<script src="https://smtpjs.com/v3/smtp.js"></script>

下面是发送邮件需要运行的 html 代码。

    <script src= 
        "https://smtpjs.com/v3/smtp.js"> 
      </script> 
      
      <script type="text/javascript"> 
        function sendEmail() { 
          Email.send({ 
            Host: "smtp.gmail.com", 
            Username: "sender@email_address.com", 
            Password: "Enter your password", 
            To: 'receiver@email_address.com', 
            From: "sender@email_address.com", 
            Subject: "Sending Email using javascript", 
            Body: "Well that was easy!!", 
          }) 
            .then(function (message) { 
              alert("mail sent successfully") 
            }); 
        } 
      </script> 
<body> 
  <form method="post"> 
    <input type="button" value="Send Email" 
        onclick="sendEmail()" /> 
  </form> 
</body>

注意： Best 和 Secure 使用上述方法和 SecureToken 的方式是为了理解，上述方法是 highly insecure，因为它将 credentials 暴露给用户，关于如何启用Security，您可以查看https://smtpjs.com/

【讨论】：

这种方法非常不安全，因为它会将凭据暴露给客户端。
@costaparas SecureToken 还有另一种方式，你也可以查看smtpjs.com
'我们已经考虑到这一点，因此您可以加密您的 SMTP 凭据，并将其锁定到单个域，然后传递安全令牌而不是凭据'
我对通过他们的 API 端点 https://smtpjs.com/v3/smtpjs.aspx 进行路由表示怀疑，据我所知，他们不是知名或信誉良好的服务。
smtp 不会是谷歌。代码仍然有效吗？如果是这样，我怎样才能将字段的内容放在电子邮件中？谢谢