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

Question

您好，我有几个项目正在使用 locolhost:3000 服务器，我想将它们发布到我的投资组合中，但我不确定最好的方法是什么

这是我的 package.json

{ "name": "HyperApp-Starter-kit",

“版本”：“4.0.1”，

“描述”：“”，

"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"

}, “作者”：“”，

“许可证”：“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 应用程序的绝佳免费选择。然后，您可以在您的投资组合中添加指向您的应用的链接，以便与您的访问者分享。

您可以阅读他们的getting started guide 了解 node.js 以了解如何创建免费项目。

您甚至可以添加custom domain 以获得专业外观。

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

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

heroku create
git push heroku master
heroku open

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