1

我目前正在尝试创建一个联系我们的表单,用户可以在其中向我的个人电子邮件地址发送任何类型的报告。为了这个例子,我们称它为my-email-address@email.com

目前我不太关心用户的电子邮件。假设我将使用以下信息。

  • from: "my-email-address@email.com"
  • to: "my-email-address@email.com"
  • subject: "a subject name"

第 1 步:views/home/contact_us.html.erb使用 AJAX POST 请求创建了我的表单:

<form id="sendEmailForm">
    <div class="form-group mb-3">
        <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="Enter your email">
    </div>

    <div class="form-group mb-3">
        <input type="text" class="form-control" id="exampleFormControlInput2" placeholder="Enter a subject (Optional)">
    </div>

    <div class="form-group mb-3">
        <textarea class="form-control" placeholder="Please write your name, company-name, and what you would like to achieve." id="exampleFormControlTextarea3" rows="5"></textarea>
    </div>

    <button type="submit" class="btn btn-primary mb-2">Send Email</button>
</form>

<script type="text/javascript">

    $('#sendEmailForm').on('submit', function(e) {
        e.preventDefault();
        e.stopPropagation();

        let final_json_data = {
            email: document.getElementById("exampleFormControlInput1").value,
            subject: document.getElementById("exampleFormControlInput2").value,
            content: document.getElementById("exampleFormControlTextarea3").value
        };

        jQuery.ajax({
            url: '/home/send_email_to_server',
            type: "POST",
            data: {emailDetails: final_json_data},
            success: function(result) { 
                alert("ajax request OK!");
            },
            fail: function(result) {
                alert("ajax has failed")
            }
        });  
    });
</script>

第 2步:我的家庭控制器和 routes.rb:

class HomeController < ApplicationController

  def contact_us
    puts "GETTING THE PAGE !!!!!!!!!!!!!!!!!!!"
  end
  

  def send_email_to_server
    
    @emailDetails = params[:emailDetails]

    puts ">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>"
    puts "     Store email details on server"

    puts @emailDetails['email']
    puts @emailDetails['subject']
    puts @emailDetails['content']
    puts ">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>"


    ContactUsMailer.notify_server_via_email(@emailDetails['email'], @emailDetails['subject']).deliver
  
    puts ">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>"
    

  end
end
Rails.application.routes.draw do
  get 'home/contact_us'
  post 'home/send_email_to_server'
end

第 3 步:修改application_mailer.rb为具有默认值from-email

class ApplicationMailer < ActionMailer::Base
    default from: "my-email-address@email.com"
    layout 'mailer'
end

第 4 步:修改contact_us_mailer.rb为使用捕获的参数处理请求:

class ContactUsMailer < ApplicationMailer
    def notify_server_via_email(toEmail, aSubject)
        puts ">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>"
        puts "     Trying to send an email . . . "

        @email = toEmail
        @subject = aSubject
        puts @email
        puts @subject

        puts ">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>"

        mail(
            to: @email,
            subject: @subject
        )
    end
end

第 4 步:然后在views/contact_us_mailer我创建了一个名为的新文件notify_server_via_email.html.erb并添加了以下内容:

<h1> hello world </h1>

所以这是按顺序发生的:

  1. 用户填写表单并提交按钮。
  2. AJAX 发布请求到/home/send_email_to_server
  3. 服务器接收请求并捕获参数并执行mail()函数

但是我收到以下错误:

Started POST "/home/send_email_to_server" for ::1 at 2021-07-03 18:01:00 +0300
Processing by HomeController#send_email_to_server as */*
  Parameters: {"emailDetails"=>{"email"=>"my-email-address@email.com", "subject"=>"some new subject", "content"=>"a text example"}}



>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
     Store email details on server
my-email-address@email.com
some new subject
a text example
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>



>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
     Trying to send an email . . .
my-email-address@email.com
some new subject
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>



  Rendering layout layouts/mailer.html.erb
  Rendering contact_us_mailer/notify_server_via_email.html.erb within layouts/mailer
  Rendered contact_us_mailer/notify_server_via_email.html.erb within layouts/mailer (Duration: 0.5ms | Allocations: 70)
  Rendered layout layouts/mailer.html.erb (Duration: 1.5ms | Allocations: 241)
ContactUsMailer#notify_server_via_email: processed outbound mail in 14.0ms
Delivered mail 60e07bace69f9_27544024-497@DESKTOP-MQJ3IGG.mail (30045.8ms)
Date: Sat, 03 Jul 2021 18:01:00 +0300
From: my-email-address@email.com
To: my-email-address@email.com
Message-ID: <60e07bace69f9_27544024-497@DESKTOP-MQJ3IGG.mail>
Subject: some new subject
Mime-Version: 1.0
Content-Type: text/html;
 charset=UTF-8
Content-Transfer-Encoding: 7bit

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
      /* Email styles need to be inline */
    </style>
  </head>

  <body>
    <h1> hello world </h1>
  </body>
</html>

Completed 500 Internal Server Error in 30095ms (ActiveRecord: 0.0ms | Allocations: 11373)



EOFError (end of file reached):

app/controllers/home_controller.rb:35:in `send_email_to_server'

我不知道是什么导致了 500 内部服务器错误。我目前正在开发方面工作,我知道我不应该这样做,但这只是为了测试目的,我的目标不是永远保留这个配置。另外,我遇​​到了与我的问题类似的StackOverflow 问题,但没有明确的答案,因为那是大学 wifi 阻止 smtp 请求工作。我正在尝试使用家庭 wifi。

另外,这里还有我的development.rb命令供参考action_mailer

  config.action_mailer.perform_deliveries = true

  config.action_mailer.raise_delivery_errors = true

  config.action_mailer.delivery_method = :smtp

  config.action_mailer.smtp_settings = {
    :address => 'localhost',
    :port    => 3000
  }

  config.action_mailer.default_url_options = {host: 'localhost:3000'}

  config.action_mailer.perform_caching = false
4

1 回答 1

0

库net/protocol.rb#227引发错误。如果您打开浏览器开发人员工具,您可以在子选项卡响应下看到它在选项卡网络下状态为 500 的请求。

错误原因:库无法连接到根据您的development.rb配置config.action_mailer.smtp_settings位于的 smtp 服务器localhost:3000。您的网络服务器位于端口 3000,smtp 通常位于端口 25、587、2525(如果它正在运行)。

如果您希望在开发环境中发送邮件,您需要运行 smtp 服务器并在本地计算机上正确配置。 config.action_mailer.smtp_settingsmy-email-address@email.com

如果您想查看电子邮件,可以查看控制台或日志。或者使用 gem letter_opener,或者使用ActionMailer::Preview. 请参阅StackOverflow 上的答案

于 2021-07-03T19:50:42.317 回答