我有我的第一个node.js应用程序(本地运行良好)-但我无法通过heroku部署它(第一次w/ heroku也是如此)。代码如下。SO不让我写这么多代码,所以我只想说在我的网络中本地运行代码也没有问题。
var http = require('http');
var fs = require('fs');
var path = require('path');
http.createServer(function (request, response) {
console.log('request starting for ');
console.log(request);
var filePath = '.' + request.url;
if (filePath == './')
filePath = './index.html';
console.log(filePath);
var extname = path.extname(filePath);
var contentType = 'text/html';
switch (extname) {
case '.js':
contentType = 'text/javascript';
break;
case '.css':
contentType = 'text/css';
break;
}
path.exists(filePath, function(exists) {
if (exists) {
fs.readFile(filePath, function(error, content) {
if (error) {
response.writeHead(500);
response.end();
}
else {
response.writeHead(200, { 'Content-Type': contentType });
response.end(content, 'utf-8');
}
});
}
else {
response.writeHead(404);
response.end();
}
});
}).listen(5000);
console.log('Server running at http://127.0.0.1:5000/');
知道吗?
当Heroku在服务器上绑定端口或主机名失败时发生错误。监听(port, [host], [backlog], [callback])。
Heroku需要的是.listen(process.env. port)或.listen(process.env. port)。港口,“0.0.0.0”)
所以更一般地,为了支持其他环境,使用这个:
var server_port = process.env.YOUR_PORT || process.env.PORT || 80;
var server_host = process.env.YOUR_HOST || '0.0.0.0';
server.listen(server_port, server_host, function() {
console.log('Listening on port %d', server_port);
});
在使用yeoman的angular-fullstack生成项目时,我也有同样的问题,删除IP参数对我有用。
我替换了这段代码
server.listen(config.port, config.ip, function () {
console.log('Express server listening on %d, in %s mode', config.port, app.get('env'));
});
与
server.listen(config.port, function () {
console.log('Express server listening on %d, in %s mode', config.port, app.get('env'));
});
对于那些同时传递端口和主机的程序,请记住Heroku不会绑定到本地主机。
您必须为主机传递0.0.0.0。
即使您使用了正确的端口。我们必须做出这样的调整:
# port (as described above) and host are both wrong
const host = 'localhost';
const port = 3000;
# use alternate localhost and the port Heroku assigns to $PORT
const host = '0.0.0.0';
const port = process.env.PORT || 3000;
然后你可以像往常一样启动服务器:
app.listen(port, host, function() {
console.log("Server started.......");
});
你可以在这里看到更多细节:https://help.heroku.com/P1AVPANS/why-is-my-node-js-app-crashing-with-an-r10-error
从heroku bash进程中,使用选项解析器(如yargs)将$PORT的值传递给节点应用程序。
下面是一个示例,说明如何做到这一点。在脚本对象上,在包内。添加一个启动方法"node server——port $ port "。
在你的服务器文件中,使用yargs从start方法的port选项(——port $ port)中获取值:
const argv = require('yargs').argv;
const app = require('express')();
const port = argv.port || 8081;
app.listen(argv.port, ()=>{
console.log('Probably listening to heroku $PORT now ', argv.port); // unless $PORT is undefined, in which case you're listening to 8081.
});
现在当你的应用程序启动时,它将绑定到动态设置的值$PORT。
我使用ReactJs,
如果你想上传到heroku,在你的webpack.config.js中添加这个
因为如果不加就会有错误
错误R10(引导超时)-> Web进程绑定$PORT失败
发射60秒
//webpack.config.js add code like that
const HtmlWebPackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
var server_port = process.env.YOUR_PORT || process.env.PORT || 5000;
var server_host = process.env.YOUR_HOST || "0.0.0.0";
module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
test: /\.css$/,
use: [MiniCssExtractPlugin.loader, "css-loader"]
}
]
},
devServer: {
disableHostCheck: true,
contentBase: "./ dist",
compress: true,
inline: true,
port: server_port,
host: server_host
},
plugins: [
new HtmlWebPackPlugin({
template: "./src/index.html",
filename: "index.html"
}),
new MiniCssExtractPlugin({
filename: "[name].css",
chunkFilename: "[id].css"
})
]
};
在我的例子中,端口和主机都不是问题。index.js被分成了两个文件。server.js:
//server.js
const express = require('express')
const path = require('path')
const app = express()
app.use(express.static(path.resolve(__dirname, 'public')));
// and all the other stuff
module.exports = app
//app.js
const app = require('./server');
const port = process.env.PORT || 3000;
app.listen(port, '0.0.0.0', () => {
console.log('Server is running s on port: ' + port)
});
从包中。我们运行node app。js。
显然这就是问题所在。一旦我将两者合并到一个文件中,Heroku应用程序就会按预期部署。
我的问题是当部署到heroku时,我得到了一个错误:
Web进程在启动后60秒内未能绑定到$PORT
当运行heroku日志时——终端中的tail。但是当我在本地运行服务器时,应用程序将按预期运行。
我在index.js文件(服务器文件)中有这个
const PORT = process.env.port || 4000
app.listen(PORT, () => {
console.log(`Server listening on port ${PORT}`)
})
但是应该有这个
const PORT = process.env.PORT || 4000
app.listen(PORT, () => {
console.log(`Server listening on port ${PORT}`)
})
使用process.env。PORT,而不是process.env。port,因为port和port显然不一样。
这是格兰桑特的功劳。
虽然这里的大多数答案都是有效的,但对我来说,问题是我运行了长进程作为npm run start的一部分,这导致了超时。
我在这里找到了解决方案,总结一下,我只需要将npm run build移动到postinstall任务。
换句话说,我改变了这个:
"start": "npm run build && node server.js"
:
"postinstall": "npm run build",
"start": "node server.js"
仔细想想,这完全是有道理的,因为随着我的应用不断发展,这种错误(以前偶尔出现)变得越来越普遍。
在开发应用程序时,我们需要以以下方式定义PORT:
const port = process.env.PORT || 4000; // PORT must be in caps
在将应用程序部署到服务器时,添加以下方法:
app.listen(port, () => {
console.info("Server started listening.");
});
我们可以在本地运行主机名时将主机名作为第二个参数传递。但是在将其部署到服务器时,应该删除主机名参数。
app.listen(port, hostName, () => {
console.info(`Server listening at http://${hostName}:${port}`);
});
要解决这个问题,请遵循以下四个简单步骤:
在包装里。json文件:
1-设置主字段为服务器文件:
"main": "server.js" // <-- here set you server file
2-在app.listen函数中添加host参数
const port = process.env.PORT || 3000;
const host = '0.0.0.0'
app.listen(port, host, ()=> connsole.log(`server is running on port ${port}`)
3-添加postinstall脚本到包。json文件
"scripts": {
"postinstall": "npm run build", // <-- add this line
"start": "node server.js" // <-- change server.js to you main file
}
4-在包中添加引擎字段。json文件
"engines": {
"node": ">=14.0.O", // <-- change it to your node version. you can "node -v" in you command line
"npm": ">=7.7.0" // <-- change this to your npm version. you can use "npm -v" in the command line to get your npm version
}
如果你成功了,请告诉我!
在你的包裹里。json文件,在脚本中,确保你的启动脚本包含-p $PORT。
包的示例。json(在这种情况下,为NextJS应用程序):
{
"private": true,
"scripts": {
"dev": "next dev -p 3001",
"build": "next build",
"start": "next start -p $PORT" // make sure to have -p $PORT in here
},
"dependencies": {
"typescript": "^4.3.2"
},
"devDependencies": {
"@next/eslint-plugin-next": "^11.1.2",
"@types/mongoose": "^5.11.97"
"typescript": "^4.3.2"
}
"license": "MIT"
}
对我来说,问题在于资本化。你知道,在数小时的编码之后,你的眼睛会错过一些小细节。
在我的代码中,我使用process.env.port而不是process.env。PORT,所以要注意,PORT环境变量必须是大写的。
请看下面的例子:
const PORT = process.env.PORT || 3000;
const HOST = process.env.HOST || '0.0.0.0';
const express = require('express');
const app = express();
app.listen(PORT, HOST, () => {
console.log('Server started on ' + HOST + ':' + PORT);
})