Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用nodejs部署angular应用程序_Javascript_Node.js_Angular_Twitter - Fatal编程技术网

Javascript 如何使用nodejs部署angular应用程序

Javascript 如何使用nodejs部署angular应用程序,javascript,node.js,angular,twitter,Javascript,Node.js,Angular,Twitter,我正在使用nodejs后端(following)将tweets拉入我的应用程序前端 现在我已经准备好部署到开发服务器,我已经用ng build--prod打包了前端,除了加载tweets的模块外,它看起来和工作都很好。我如何托管应用程序的节点服务器部分以正确显示tweets 以下是我的节点应用程序的文件。它保存在我的项目文件夹的根目录中,在src之外 server.js var express = require('express'); var bodyParser = require('bod

我正在使用nodejs后端(following)将tweets拉入我的应用程序前端

现在我已经准备好部署到开发服务器,我已经用
ng build--prod
打包了前端,除了加载tweets的模块外,它看起来和工作都很好。我如何托管应用程序的节点服务器部分以正确显示tweets

以下是我的节点应用程序的文件。它保存在我的项目文件夹的根目录中,在src之外

server.js

var express = require('express');
var bodyParser = require('body-parser');
var cors = require('cors');
var functions = require('./functions');

var app = express();

app.use(bodyParser.urlencoded({extended: true}));
app.use(cors());
app.post('/authorize', functions.authorize);
app.post('/search', functions.search);


app.listen(3000);
console.log('listening now');
functions.js

var request = require('request');
var config = require('./config');

functions = {
    authorize: function(req, res) {
        var header = config.consumerkey + ':' +config.consumersecret;
        var encheader = new Buffer(header).toString('base64');
        var finalheader = 'Basic ' + encheader;

        request.post('https://api.twitter.com/oauth2/token', {form: {'grant_type': 'client_credentials'},
        headers: {Authorization: finalheader}}, function(error, response, body) {
            if(error)
            console.log(error);
            else {
                config.bearertoken = JSON.parse(body).access_token;

                res.json({success: true, data:config.bearertoken});
            }

        })
    },

    search: function(req, res) {
      var searchquery = req.body.query;
      var encsearchquery = encodeURIComponent(searchquery);
      var bearerheader = 'Bearer ' + config.bearertoken;
      request.get('https://api.twitter.com/1.1/search/tweets.json?q=' + encsearchquery +
       '&result_type=recent', {headers: {Authorization: bearerheader}}, function(error, body, response) {
           if(error)
           console.log(error);
           else {
               res.json({success: true, data:JSON.parse(body.body)});
           }
       })
  }
}
module.exports = functions;
config.js

var appsettings = {
  consumerkey: 'key',
  consumersecret: 'key',
  bearertoken: ''
};

module.exports = appsettings;
package.json

{
  "name": "backend",
  "version": "1.0.0",
  "description": "",
  "main": "server.js",
  "scripts": {
    "start": "node server",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "brooklynbrim",
  "license": "MIT",
  "devDependencies": {
    "body-parser": "^1.17.2",
    "cors": "^2.8.4",
    "express": "^4.15.4",
    "request": "^2.81.0"
  }
}

我建议你在Heroku上托管你的nodeJS应用程序。 你可以开始了


对于Angular应用程序,我建议您使用Firebase。托管Angular应用程序的最简单方法。

非常感谢您,我会试一试!一旦在Heroku上,是否需要更改任何端口信息?@Juan Camilo Giraldo Chaverrapect solution!Heroku教程很有效。我有一个(工作提供的开发)我必须使用的服务器,但我仍然会为我自己的项目查看firebase。谢谢!