노드 js 및 mailgun을 사용하여 연락처 전자 메일을 보내는 방법은 무엇입니까?

Question

노드 js 및 메일 총에 새로운. 나는 내 index.html 페이지에서 내 보내기 버튼에 대해 다음을 사용하는 웹 사이트에서 'contact us'전자 메일을 보내려고합니다.

 <!-- START CONTACT SECTION --> 
    <section class="section-contact" id="contacts"> 
     <div class="container"> 

      <!-- START SECTION HEADER --> 
      <h2 class="reveal reveal-top">Contact Us</h2> 
      <div class="subheading reveal reveal-top"> 
       Hit us up. Let us know how we can make things better (<b>Support@mail.com </b>). 
      </div> 
      <!-- END SECTION HEADER --> 

      <div class="contact-form-wrapper reveal reveal-bottom"> 

       <!-- START CONTACT FORM --> 
      <!-- <form method="POST" action="./scripts/writeus.php" accept-charset="UTF-8" class="contact-form" id="jvalidate" novalidate="novalidate"> --> 
       <form method="POST" action="./scripts/mailgun.php" accept-charset="UTF-8" class="contact-form" id="jvalidate" novalidate="novalidate"> 
       <!-- <form method="POST" action="send_mailgun($email)" accept-charset="UTF-8" class="contact-form" id="jvalidate" novalidate="novalidate"> --> 


        <div class="row"> 
         <div class="col-sm-12 col-md-4"> 
          <div class="field-holder"> 
           <input class="form-control input-lg field" placeholder="John Snow" name="name" type="text"> 
          </div> 
         </div> 
         <div class="col-sm-12 col-md-4"> 
          <div class="field-holder"> 
           <input class="form-control input-lg field" placeholder="myReplyEmail@Address.com" name="email" type="email"> 
          </div> 
         </div> 
         <div class="col-sm-12 col-md-4"> 
          <div class="field-holder"> 
           <input class="form-control input-lg field" placeholder="Subject" name="website" type="text"> 
          </div> 
         </div> 
         <div class="col-md-12 col-xs-12"> 
          <div class="field-holder"> 
           <textarea class="form-control" placeholder="Some text" name="message" cols="50" rows="10"></textarea> 
          </div> 
         </div> 

         <div class="form-group"> 
          <div class="col-md-12"> 
           <div class="alert alert-success" role="alert" style="display: none;"> 
            Message has been successfully sent. 
           </div> 
           <div class="alert alert-danger" role="alert" style="display: none;"> 
            <div class="alert-text">Server error</div> 
           </div> 
          </div> 
         </div> 
        </div> 
        <div class="row"> 
         <div class="col-md-12"> 
          <button class="btn btn-primary btn-contact" type="submit" value="SEND MESSAGE">SEND MESSAGE</button> 
         </div> 
        </div> 
       </form> 
       <!-- END CONTACT FORM --> 

      </div> 

     </div> 
    </section> 
    <!-- END CONTACT SECTION --> 

내가 익스프레스와 Node.js를 가지고 mailgun 설치를 넣고 열심히 버튼을받을 수 있나요 어떻게 내 server.js

var Mailgun = require('mailgun').Mailgun; 

var mg = new Mailgun('some-api-key'); 
mg.sendText('example@example.com', 'Recipient 1 <rec1@example.com>', 
    'This is the subject', 
    'This is the text', 
    'noreply@example.com', {}, 
    function(err) { 
    if (err) console.log('Oh noes: ' + err); 
    else  console.log('Success'); 
}); 

을에 테스트로 코딩 된 조각 내 로컬 컴퓨터에서 작업 정보 및 내 index.html에서 보낼 수 있습니까?

도움 주셔서 감사합니다. 매우 감사.

Answer 1

양식 또는 아약스 전화로 제출하려면 웹 서버를 만들어야합니다. 이 봐 : http://expressjs.com/

예 :

var express = require('express'); 
var Mailgun = require('mailgun').Mailgun; 
var app = express(); 

app.post('/sendMail', function (req, res) { 

    /*use body-parser (https://github.com/expressjs/body-parser) for parameters */ 
    var mg = new Mailgun('some-api-key'); 
    mg.sendText('example@example.com', 'Recipient 1 <rec1@example.com>', 
     'This is the subject', 
     'This is the text', 
     'noreply@example.com', {}, 
     function(err) { 
     if (err) { 
      console.log('Oh noes: ' + err); 
      res.send('Error occurred'); 
     } 
     res.send('Email sent'); 
     }); 

app.listen(3000, function() { 
    console.log('Example app listening on port 3000!'); 
});