Как развернуть программу NodeJS на Heroku с Github (без установки Heroku на вашем компьютере)

kak razvernut programmu nodejs na heroku s github bez ustanovki?v=1656549377

автор Рохит Рамнам

WYIXIse6YQCbkINlg7T8eHWslDGrJz13oEtY
размещение вашей программы в облаке

Как веб-разработчик, нет ничего большего удовольствия, чем возможность показать (и продемонстрировать) свою работу на словах. Не только с помощью изображений или видео в Twitter, но и позволить им реально взаимодействовать с ними, особенно если вы работаете над некоторыми крутыми побочными проектами или претендуете на должность.

И, к счастью, теперь со всеми облачными провайдерами делиться своей работой является обязательным и основополагающим шагом на вашем пути.

В этой демонстрации мы рассмотрим, как развернуть ваше классное приложение NodeJS на Heroku. В конце этой демонстрации у нас будет базовая программа Hello World, которая будет работать в общедоступном домене, к которой может получить доступ любой.

Для этой демонстрации я предполагаю, что на вашем компьютере установлен Node. Если нет, вы можете скачать с веб-сайта Nodejs.org. Шаги просты, их легко найти в Интернете.

Вам также понадобится аккаунт GitHub для размещения нашего кода в Интернете. Если у вас нет аккаунта, вы можете создать его бесплатно на Github.com. С помощью бесплатной учетной записи можно создавать неограниченное количество общедоступных хранилищ. Мы будем использовать систему контроля версий Git для внесения изменений в Github

ШАГ 1. Создайте это классное приложение

Теперь давайте создадим то классное приложение Node, о котором вы думали.

Создайте папку на локальной машине и дайте ей название (по вашему выбору), скажите MyCoolApp.

Добавьте файл с именем package.json и вставьте содержимое ниже. Этот файл является главной информацией нашего пакета. (Это также можно создать, введя команду npm init и приняв все настройки по умолчанию.)

{
  "name": "coolnodeapp",
  "version": "1.0.0",
  "description": "node app ",
  "main": "app.js",
  "scripts": {
  "start": "node app.js"
},
  "repository": {
  "type": "git",
  "url": ""
},
  "author": "",
  "license": "ISC",
  "bugs": {
  "url": ""
},
  "homepage": ""
}
package.json

Одно очень важное изменение, которое следует заметить, это строка:

"start": "node app.js"

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

Добавьте файл app.js и вставьте следующий код. Это будет отправной точкой нашего приложения.

const http = require('http');
const port = process.env.PORT || 3000

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/html');
  res.end('<h1>Hello World</h1>');
});

server.listen(port,() => {
  console.log(`Server running at port `+port);
});
app.js

Этот код в основном открывает порт на локальном сервере и обслуживает некоторый HTML.

Пожалуйста, обратите внимание на самый важный блок кода здесь:

const port = process.env.PORT || 3000

Это очень важно, если вы хотите развернуть свою программу в облаке. Сервер приложений запускается на случайном порту в облаке. Если вы запрограммировали номер порта, как во всех руководствах с начала работы, и развернули его в облаке, конкретный номер порта может быть недоступен. Приложение никогда не запустится. Поэтому лучше получить номер порта, предназначенный экземпляром облака и запустить HTTP-сервер.

Сохраните файл и выполните следующую команду в окне командной строки (открытой внутри папки):

node app.js

Благодаря этому Node запустит сервер и покажет следующее сообщение:

e8L6vy5EQXp5av7XM0dnQ1UJ1ujUNKWg9x80

Теперь, если мы откроем в браузере, мы увидим это:

tboqj1yfKFq8Plt2iMGQtI8ELMz2wmokZ4N9

Круто! Мы только что создали базовую программу NodeJs.

ШАГ 2: Нажмите GitHub

Теперь хотим загрузить наш код на GitHub. Таким образом, мы сможем редактировать наш код из любого места, а также мгновенно развернуть внесенные изменения в облаке.

Давайте создадим репозиторий GitHub, нажав Новый репозиторий.

Дайте ему название, некоторое описание и нажмите Создать репозиторий:

ErZ9uAGixHBqPU8Ycm35oP4MefF10W4-rot4

GitHub создаст репозиторий и даст вам несколько команд, которые можно запускать локально, чтобы вы могли клонировать свою локальную папку со своим репозиторием GitHub.

0Iev7eGUvXGm7aTOo9Qb8jiUMYN7tc44uUdE

В командной строке выполните следующие команды в следующей последовательности.

  1. Инициализируйте репозиторий Git на корневом уровне:
git init

2. Добавьте все файлы в свой локальный Git (постановка). Обратите внимание на последнюю точку:

git add . 

3. Внесите изменения в свой локальный Git:

git commit -m “first commit”

4. Ссылка на свой репозиторий GitHub. (Пожалуйста, измените URL-адрес, чтобы он указывал на ваше хранилище.)

git remote add origin https://github.com/rramname/MyCoolNodeApp.git

5. И нажмите на изменение:

git push — set-upstream origin master

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

KYLZUjqsIYpGDn45YmePQG1l1r771AypiRfb

Теперь, если вы откроете GitHub и обновите репозиторий, вы можете увидеть код.

1A8PaQtHzEJDMvJm2oCbplcpvOR30AIYyaSP

ШАГ 3: Разверните на Heroku

Теперь наступает самое интересное, причина, почему вы пережили все это: развертывание.

Если у вас нет аккаунта в Heroku, вы можете открыть бесплатный, заполнив эту простую форму. (И здесь вам не нужно предоставлять информацию о кредитной карте 🙂 )

375W2miDv-0ou4ZkP5Y3cyrrfapKcLksdBeY

Когда у вас будет готовая учетная запись, войдите, используя свои учетные данные.

Нажмите «Новый» в правом верхнем углу и выберите «Создать новое приложение».

Дайте название своей программе (это будет включен в общедоступный URL вашего приложения) и нажмите Создать приложение.

Этот шаг перенесет вас на информационную панель вашего приложения. Перейдите на вкладку «Развертывание» и перейдите к разделу «Метод развертывания».

Выберите GitHub в качестве метода.

Он покажет опцию «Подключиться к GitHub», где мы можем предоставить наше хранилище GitHub. Если вы делаете это впервые, Heroku запросит разрешение на доступ к вашей учетной записи GitHub.

Здесь вы можете найти свой репозиторий GitHub и нажать подключиться:

ylaZsAuah1udMDvouTIQLmzLDKJX9FrC23yB

Если ему удастся найти репозиторий GitHub и подключиться к нему, появится раздел «Развертывание», где можно выбрать автоматическое развертывание (только что изменения будут отправлены на GitHub, Heroku подберет их и развернет) или развернуть вручную.

PPD75YeIqpQs-R2pFcjyRmfvZwNQWvrAH6CM

Нажмите Включить автоматическое развертывание (поскольку меньше затрат для демонстрационных программ 🙂 ). Вы также можете выбрать ветку GitHub, если вам нужно, но для этой демонстрации мы развернем из главной ветки.

Теперь нам нужно сказать Heroku, что наше приложение является программой NodeJs. Для этого нам понадобится сборник NodeJs.

Перейдите на вкладку Настройки, найдите Buildpacks и нажмите «Добавить buildpack».

C-eFABZoiiKs2MJMPfWNSFaALNH2mLeIlmlN

Выберите nodejs из параметров и нажмите Сохранить изменения.

Теперь вернитесь на вкладку Развертывание и нажмите Развернуть филиал на дне.

Heroku возьмет код и разместит его. Откройте вкладку «Активность», и там вы увидите прогресс:

P8kVjkwamaoyks8E0LalLAFspxTir0FtJOwX
0zV4RWDevunNPKRv6cgLD0Xk7swy4YJAFJ2Q

И все это!

Откройте настройка вкладку и прокрутите вниз Домены и сертификаты См. раздел. Здесь вы можете увидеть URL-адрес своего приложения, который только что был развернут. Скопируйте и вставьте этот URL в браузер и… Ура!!

UMOjVBMZNmFpIhOz4uuqwOqIntxBUlSpEGVt

Мы только что создали собственное веб-приложение, к которому можно получить доступ через Интернет.

Прекрасно!

Пожалуйста, делитесь с другими!

Хорошего хостинга:)

Добавить комментарий

Ваш адрес email не будет опубликован.