Оглавление:

Как развернуть приложение Node.js на Heroku: 3 шага
Как развернуть приложение Node.js на Heroku: 3 шага
Anonim
Как развернуть приложение Node.js на Heroku
Как развернуть приложение Node.js на Heroku

Вот как я развернул приложение NodeJS на Heroku, используя бесплатную учетную запись. Просто нажмите на ссылки, чтобы загрузить необходимое программное обеспечение:

Используемое программное обеспечение:

VSCode (или любой текстовый редактор по вашему выбору)

HerokuCLI

Git

Шаг 1. Создайте Package.json

Вступление:

Heroku - это хостинговый веб-сайт, который позволяет ypu бесплатно развертывать 5 приложений со временем работы более 500 часов в месяц. Чтобы развернуть один, вам нужно загрузить 3 файла:

Файл package.json и package-lock.json. Вы можете следовать другому моему руководству, чтобы получить пошаговую инструкцию по его созданию, нажав здесь. Package-lock.json появляется автоматически после создания package.json. Поскольку мы будем запускать его на herku, в вашем пакете, json файле, вам необходимо указать стартовый скрипт и проверку вашего узла на enines. теперь запустите команду node -v. Вот пример:

{

"name": "heroku", "версия": "1.0.0", "описание": "", "main": "index.js", "scripts": {

"test": "echo \" Ошибка: тест не указан / "&& exit 1", "начало": "узел server.js"

}, "ключевые слова": , "автор": "", "лицензия": "ISC", "двигателей": {

"узел": "12.x"

}

}

Шаг 2. Создайте приложение на Node.js

Поскольку это приложение будет работать на любом порту, который нам предоставит heroku, нам нужно определить код, который он нам предоставит, используя этот код process.env. PORT. Вот приложение node js, которое говорит "привет":

const http = require ('http'); // загружает библиотеку, чтобы она могла работать как сервер var port = process.env. PORT || 5000; // указывает порт no для того, что дает heroku или 5000 на локальном хосте http.createServer (function (req, res) {// создает сервер res.writeHead (200, {'Content-type': 'text / plain'}); // Указывает, что ответ «hello» является текстом res.end («hello»); // показывает текст «hello» на веб-странице}). Listen (port); // подключает этот сервер к порту №

Шаг 3. Командная строка

Командная строка
Командная строка
Командная строка
Командная строка
Командная строка
Командная строка
  • Откройте командную строку, нажав Windows + R, чтобы открыть окно «Выполнить», затем введите «cmd» и нажмите «ОК».
  • На вашем CMD перейдите в корень, набирая «cd..», пока путь не будет включен.
  • Проверьте, правильно ли установлены npm (менеджер библиотек, установленный узлом), git и heroku, набрав:

npm --version

git --version heroku --version

Войдите в свой аккаунт Herku

героку логин

Это создаст приложение на heroku:

героку создать

Чтобы загрузить файлы, вам нужно перейти по его пути, набрав cd

CD

Создает новый репозиторий (папку) на вашем устройстве locl для элементов по этому пути

git init

Подключитесь удаленно к папке на heroku через git в вашем приложении

героку git: удаленный

Копирует этот файл удаленно в ваш локальный репозиторий git u через git в вашем приложении

git add.

Сохраните изменения, которые вы внесли в папку, с сообщением «сделайте это лучше»

git commit -am "сделать лучше"

Загружает файлы в папку git на heroku. Подождите, пока он загрузится

git push heroku мастер

открывает приложение

героку открытое приложение