将node.js web服务器部署为项目组合项目的静态站点的最佳方法

Question

嗨，我有几个我的项目，正在使用locolhost:3000服务器，我想把它们张贴在我的作品集上，但我不确定什么是最好的方式

这是我的package.json

{ "name"："HyperApp-Starter-kit"，

"version"："4.0.1"，

"description"：""，

"main"："index.js"，

“脚本”：{

"test": "jest",

"build": "gulp build",

"dev:webpack": "webpack --mode development --env.NODE_ENV=dev",

"build:webpack": "webpack --mode production --env.NODE_ENV=production",

"watch": "gulp",

"proxy": "gulp watch-proxy",

"static:dev": "gulp static-dev",

"static:build": "gulp static-dev",

"imgs": "gulp imagemin"

}，“作者”：""，

"license"："ISC"，

"devDependencies"：{

"@babel/core": "^7.1.5",

"@babel/plugin-proposal-class-properties": "^7.1.0",

"@babel/preset-env": "^7.1.5",

"@babel/preset-es2016": "^7.0.0-beta.53",

"@babel/preset-react": "^7.0.0",

"@babel/preset-stage-0": "^7.0.0",

"@babel/register": "^7.0.0",

"autoprefixer": "^9.3.1",

"axios": "^0.18.0",

"babel-core": "^6.26.3",

"babel-loader": "^8.0.4",

"babel-preset-env": "^1.7.0",

"browser-sync": "^2.26.3",

"clean-webpack-plugin": "^0.1.19",

"css-loader": "^1.0.1",

"extract-text-webpack-plugin": "^4.0.0-beta.0",

"gulp": "^4.0.0",

"gulp-autoprefixer": "^3.1.1",

"gulp-edgejs": "^0.2.4",

"gulp-imagemin": "^5.0.3",

"gulp-pretty-url": "^0.1.1",

"gulp-sass": "^3.0.0",

"har-validator": "^5.1.3",

"html-webpack-plugin": "^3.2.0",

"jest": "^24.8.0",

"mini-css-extract-plugin": "^0.4.4",

"node-sass": "^4.10.0",

"postcss-loader": "^3.0.0",

"prettier": "^1.15.1",

"prettier-loader": "^2.1.1",

"react": "^16.8.6",

"react-dom": "^16.8.6",

"react-redux": "^5.1.0",

"sass-loader": "^7.1.0",

"style-loader": "^0.23.1",


"uglify-es": "^3.3.9",

"uglifyjs-webpack-plugin": "^1.3.0",

"webpack": "^4.25.1",

"webpack-cli": "^3.1.2",

"webpack-md5-hash": "0.0.6"

},

“依赖”：{

"@babel/plugin-proposal-decorators": "^7.1.6",

"@babel/plugin-syntax-dynamic-import": "^7.0.0",

"@babel/plugin-transform-async-to-generator": "^7.1.0",

"babel-plugin-transform-react-jsx": "^6.24.1",

"gulp-pug": "^4.0.1",

"hyperapp": "^0.12.0",

"svelte": "^3.4.3",

"svelte-loader": "^2.13.4",

"webpack-dev-server": "^3.1.14"

}}

Answer 1

我推荐Heroku作为托管Node.js应用的一个很好的免费选择。然后，您可以在项目组合中添加指向应用程序的链接，以便与访问者共享。

你可以阅读他们的node.js getting started guide，看看如何创建一个免费的项目。

你甚至可以添加一个custom domain来获得专业的外观。

安装Heroku CLI后，您可以运行heroku login来链接您的帐户。

然后，你可以从你的项目文件夹中运行这些命令，让应用程序在Heroku上运行。

heroku create
git push heroku master
heroku open

编辑:确保你告诉你的服务器去监听process.env.PORT || 3000，这会使它服从Heroku设置它运行的端口。