2017-09-13 15 views
0

Node/Expressを1年以上使用していないので、少し錆びています。私はAngularフォームを設定して/ POSTリクエストを送信してから、nodemailer sendMail()メソッドを使用する他の多くの例に従ってきました。フォーム上でsubmitをクリックすると、何も起こりませんが、Angularコントローラーは200応答を取得します。Nodemailerのアプリケーションとルートがフォーム送信/ POSTにリンクしていない

server.js:

var express = require('express'); 
var app = express(); 
var port = 9000; 
var apiRoutes = require('./app/routes.js'); 
var nodemailer = require('nodemailer'); 
var fs = require('fs'); 
var bodyParser = require('body-parser'); 
var safeKey = JSON.parse(fs.readFileSync('./safekey.json', 'utf-8')); 

var transporter = nodemailer.createTransport({ 
    service: 'Gmail', 
    auth: { 
     user: safeKey.emailUser + '@gmail.com', 
     pass: safeKey.emailPass 
    } 
}); 

// set up our express application 
app.use(express.static(__dirname + '/public/')); 
app.use('/node_modules', express.static(__dirname + '/node_modules/')); 
app.use('/scripts', express.static(__dirname + '/public/scripts/')); 
app.use('/css', express.static(__dirname + '/public/css/')); 
app.use('/html', express.static(__dirname + '/public/html')); 
app.use('/img', express.static(__dirname + '/public/img')); 
app.use('/fonts', express.static(__dirname + '/public/fonts')); 
app.use(bodyParser.urlencoded({ extended: true })); 
app.use(bodyParser.json()); 

app.all('/*', function (req, res, next) { 
    // Just send the index.html for other files to support HTML5Mode 
    res.sendFile('index.html', { root: __dirname + '/public/html' }); 
}); 

app.use('/', apiRoutes); 

app.post('/contact', function (req, res) { 
    console.log('hi, inside POST of /api/sendcontact'); 
    var data = req.body; 

    var mailOptions = { 
     from: data.email, 
     to: '[email protected]', 
     subject: '[LITSCO CONTACT FORM] Email sent by ' + data.name, 
     text: data.message 
    }; 

    transporter.sendMail(mailOptions, function (error, info) { 
     if (error) { 
      console.log(error); 
      res.json({ error: 'Email not sent' }); 
     } else { 
      console.log('Message sent: ' + info.response); 
      console.log('Data:' + data.contactName); 
      res.json({ success: 'Email has been sent.' }); 
     } 
    }); 
}); 

app.listen(port); 
console.log('Up and running on Port: ' + port); 

私は私のrouter.jsファイル内でそのポストを含めないことにしました。

角度コントローラー:@あたり

$scope.contactData = { 
     phone: '', 
     email: '', 
     name: '', 
     company: '', 
     message: '' 
    }; 
    $scope.postData = {}; 
$scope.postMail = function (contact) { 
      // wrap all your input values in $scope.postData 
      $scope.postData = angular.copy(contact); 

      var req = { 
       method: 'POST', 
       url: '/contact', 
       headers: { 
        'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept' 
       }, 
       data: $scope.postData 
      }; 

      $http(req) 
       .then(function successCallback(response) { 
        console.log('success'); 
        //do something after success 
        // this callback will be called asynchronously 
        // when the response is available 
       }, function errorCallback(response) { 
        console.log('error'); 
        //do something after error 
        // called asynchronously if an error occurs 
        // or server returns response with an error status. 
       }); 
     }; 

HTML

<form class="col s12" ng-submit="postMail(contactData)"> 
        <div class="row"> 
         <div class="input-field col s12 m6"> 
          <input id="icon_prefix" type="text" ng-model="contactData.name"> 
         </div> 
         <div class="input-field col s12 m6"> 
          <input id="icon_telephone" type="tel" class="validate" ng-model="contactData.phone"> 
         </div> 
         <div class="input-field col s12 m6"> 
          <input id="icon_email" type="email" class="validate" ng-model="contactData.email"> 
         </div> 
         <div class="input-field col s12 m6"> 
          <input id="icon_business" type="tel" ng-model="contactData.company"> 
         </div> 
        </div> 
        <div class="row"> 
         <div class="input-field col s12"> 
          <textarea id="textarea1" class="materialize-textarea" ng-model="contactData.message"></textarea> 
         </div> 
        </div> 
        <div class="row right"> 
         <button class="btn waves-effect waves-light" type="submit" name="action">Submit 
         </button> 
        </div> 
       </form> 
+0

トライ利用の郵便配達を解決このようにして、これがフロントエンドかどうかを識別することができます問題またはバックエンドの問題。サーバー側のコードをすべて投稿していないので、確認するべきことがいくつかあります。 1. httpサーバーを定義し起動しました。 2.あなたがserver.jsに私はserver.jsコードを更新した – spiritwalker

+0

@spiritwalkerをアプリモジュールをエクスポートしていることを確認してください - これは私の全体のserver.jsファイル –

+0

である(「/ *」あなたのapp.allは...あなたをキャッチ?POSTリクエストは、おそらく唯一のGETリクエストにそれを変更してみてくださいRnice4christ @ – Rnice4christ

答えて

0

app.all("/*".)はポストをオーバーライドしてRnice4christ、そうapp.getに変更すると、あなたをテストするための

関連する問題