
Оглавление:
2025 Автор: John Day | [email protected]. Последнее изменение: 2025-01-23 15:04

Вот как я развернул приложение 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 мастер
открывает приложение
героку открытое приложение
Рекомендуемые:
Как создать приложение для Android с помощью Android Studio: 8 шагов (с изображениями)

Как создать приложение для Android с помощью Android Studio: это руководство научит вас основам создания приложения для Android с помощью среды разработки Android Studio. По мере того как устройства Android становятся все более распространенными, спрос на новые приложения будет только расти. Android Studio проста в использовании (
Как настроить приложение Bluetooth LED Demon Eye для смартфона: 5 шагов

Как настроить приложение Bluetooth LED Demon Eye W / Smart Phone: это руководство по установке о том, как настроить приложение, которое подключается через Bluetooth. Это приложение можно найти как в Apple Store, так и в Google Play под названием «Happy Lighting»
Как сделать приложение Viper Smartstart Phone еще круче!: 5 шагов

Делаем приложение Viper Smartstart Phone еще круче !: У меня в машине есть модуль Bluetooth viper smartstart. С телефона я могу заблокировать, разблокировать, запустить и остановить двигатель. Это руководство, которое я опубликовал для этого проекта. https://www.instructables.com/id/StartStop-LockUnlo…Однако это очень полезно
Как подключить приложение Android к AWS IOT и понять API распознавания голоса: 3 шага

Как подключить приложение Android к AWS IOT и понять API распознавания голоса: в этом руководстве пользователя учат, как подключить приложение Android к серверу AWS IOT, а также понять API распознавания голоса, который управляет кофемашиной. Приложение управляет кофемашиной через Alexa Голосовая служба, каждое приложение c
Как создать приложение для простой телефонной книги на C #: 7 шагов

Как создать приложение для простой телефонной книги C #: Привет, я Люк, это мое первое руководство. Я хочу показать вам, как создать простое приложение телефонной книги в Microsoft Visual Studio с использованием C #. Перед тем, как приступить к работе над этим проектом, хорошо иметь базовые знания в области программирования. Давайте начнем. Мы