Лучший способ развернуть веб-сервер node.js в качестве сайта c для портфолио проекта - PullRequest
Новая
       26

Лучший способ развернуть веб-сервер node.js в качестве сайта c для портфолио проекта

0 голосов
/ 01 февраля 2020

Привет, у меня есть пара проектов, которые используют locolhost: 3000 сервер. Я хочу разместить их в своем портфолио, но я не уверен, что будет лучшим способом.

. Это мой пакет. json

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

"version": "4.0.1",

"description": "",

"main": "index. js",

"scripts": {

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

}, "author": "",

"лицензия": "IS C",

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

}}

1 Ответ

0 голосов
/ 01 февраля 2020

Я бы порекомендовал Heroku как отличный бесплатный вариант для размещения Node.js приложений. Затем вы можете добавить ссылки на свои приложения в свой портфель, чтобы поделиться с посетителями.

Вы можете прочитать их Руководство по началу работы для node.js, чтобы увидеть, как вы можете создать бесплатный проект.

Вы даже можете добавить собственный домен для профессионального взгляда.

После установки Heroku CLI вы можете запустить heroku login, чтобы связать ваш учетная запись.

Затем вы можете запустить эти команды из папки вашего проекта, чтобы запустить приложение на Heroku. 

heroku create
git push heroku master
heroku open

РЕДАКТИРОВАТЬ: убедитесь, что ваш сервер прослушивает process.env.PORT || 3000 что заставит его подчиняться порту, который Heroku настраивает для запуска.

...