Как развернуть ваше суперкрутое приложение Node в Azure с GitHub

kak razvernut vashe superkrutoe prilozhenie node v azure s github?v=1656531259

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

-GH8jbbDKs4oedgBoC4Q-z0S1jXPxI6hUSX3

Вы разработчик Nodejs, который любит разрабатывать отличные программы как хобби, но требует места, чтобы продемонстрировать это?

Вы человек, который увлекается Azure и искушаете попробовать ее?

Вы также впечатлены конфигурациями, которые предлагает Azure?

Сегодня я объясню очень простой способ запустить приложение в Azure за несколько кликов.

Я опубликовал статью о бесплатном развертывании «крутой программы для узлов» на Heroku из Github. Но теперь, когда мы решили создать «супер-крутое» приложение Node, мы будем использовать еще один горячий облачный сервис на рынке.

Хватит говорить… Теперь перейдем к делу.

Шаг 1. Создайте отличную программу Node

Давайте сначала создадим это суперкрутое приложение Node.

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

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

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

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

"start": "node app.js"

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

Добавьте файл 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);
});

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

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

const port=process.env.PORT || 3000

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

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

node app.js

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

OaYZEqBsoUYIH9Rs5xcNtb1EVNrYkiZ0Miym

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

FGJ2ZtZHV08xBAiEHvt2AE-p7Gu0kk7PCXrT

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

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

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

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

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

Dflliq0Ssjp8H21RcQNJ7uDo17CFcQoJjK41

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

Откройте командную строку в программе, где находится файл package.json. В командной строке выполните следующие команды в следующей последовательности.

  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/MySuperCoolNodeApp.git

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

git push — set-upstream origin master

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

xlbyPaIeqLixxVDk2ruikLQJWBp5OCBn937H

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

ШАГ 3: Теперь давайте запустим его на Azure

Это упражнение предполагает, что у вас настроена и готова к использованию подписка на Microsoft Azure. Если у вас его нет, вы можете создать его бесплатно, перейдя на веб-сайт Microsoft Azure. Он попросит у вас данные вашей кредитной карты. С карты никогда не взимается плата, если вы не приобретете платные услуги (что не требуется для этой демонстрации).

Откройте portal.azure.com и войдите, используя свои аккаунты.

Щелкните Создать новый ресурс в верхнем левом углу. Введите веб-приложение в окне поиска, чтобы получить необходимый тип ресурса, и нажмите Enter.

IRuP2II13mELTOZKRDJP9tzRIsyz3yNoDtgz

Выберите Web App из результатов поиска.

xKvK6yiE7T4GjMuPbG2NUyhvWXI65mzo3aOx

И нажмите кнопку Создать.

Нас попросят предоставить основную информацию об этой программе:

R8n1urfiKFIyn3o7pdiwne5YYacxfk8n5KQa

Первое поле – это название вашего приложения. Что очень легко, поскольку его SuperCoolNodeApp 🙂

Второй вариант – подписка. Я зарегистрировался на подписку Pay As You Go, поскольку уже использовал бесплатную пробную версию. Вы можете выбрать свой бесплатный план подписки здесь.

Далее следует группа ресурсов. Это логическая группировка ваших программ в Azure. Вы можете создать новый для этого приложения или использовать имеющиеся. Я создал новый для этого приложения как SuperCoolNodeApp.

Затем вам придется выбрать план обслуживания программы. Я создал бесплатный план под названием Test Plan. Вы можете создать новый план, если у вас его нет, но убедитесь, что вы выбрали бесплатную версию. При выборе Azure автоматически выбирает уровень S1, который НЕ БЕСПЛАТНЫЙ. Убедитесь, что вы изменили его на бесплатный план для демонстрации (Конечно, если вам нужны более высокие возможности, мощность обработки и т.д., выбирайте платные планы).

Нажмите Создайте.

Azure поставит в очередь ваш запрос на создание программы с выбранным планом обслуживания и покажет небольшое уведомление наверху. Создание программы не займет много времени. Если вы обновите страницу через минуту или 2, вы сможете увидеть программу и план обслуживания, которые были созданы на всех ресурсах.

jvVtbEd9wkb65ZzXCDYbxWA7E6as235MIgYK

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

hwvCTMksJePPyGVPQZw6kHoD5WG40TqcmG98

Он показывает такие детали как подписка, на которой работает план, статус «Запущено», идентификатор подписки, расположение на сервере, на котором программа размещена в «Центральной США», и некоторые данные FTP. Но самое главное здесь – это URL. Это будет URL нашего приложения в облаке.

Теперь давайте туда.

Маленький спойлер, 🙂 В этом разделе мы настроим стратегию развертывания для нашей программы.

Прокрутите вниз и нажмите «Настройки развертывания».

LvzIntRESWCJ4OC1KQLCg6sBKLsOPc2TrDzF

Нажмите Настроить необходимые параметры и выберите GitHub. Он должен отобразить экран ниже.

bZWe8XsrmMX1603j3w9X1tieIuqXA1VHJk0I

Нажмите Выбрать проект. Это должно показать вам все хранилища в вашем аккаунте GitHub.

Если вы делаете это впервые, вам придется предоставить Azure авторизацию для доступа к вашей учетной записи GitHub.

UHTbvX9sAUnbe1nvRmXizZ5RCQecAIEZUhua

Здесь вы выберете программу MySuperCoolNodeApp, которую вы передали на GitHub.

O-ESMvitVZTZscnqKDGbpBUiGljHYSK9fbsh

Далее мы можем выбрать ветку, из которой мы хотим развернуть.

Пока у меня есть только master, поэтому я оставляю стандартный.

И все это. Нажмите OK.

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

-gDgrCkxjoXyWLE1h4Pt0GP-FPIYpMz6vdD0

Когда это будет сделано (на самом деле не должно занять так много времени), снова нажмите параметры развертывания. Вы должны увидеть последнее развертывание.

DLvCpf8QopyXPYctNRFuKKZg5F-j0NFGfA-J

Если нажать на запись, Azure покажет журнал события развертывания.

YaMWtBP1Dnhm1YTJRblCMkfQ771LFCtlEwSy

Круто. Теперь, если вы откроете свое приложение, перейдя по URL-адресу, упомянутому в разделе обзора, вы ожидаете увидеть сообщение Hello World, но вместо этого вы увидите ошибку ниже.

5IC41g7t6GGlnWv4j2BcDVg8mjE1bAhULljB

А что не так? Журналы показывают, что приложение было развернуто, вы не видите никаких ошибок, но приложение не работает. Это загадка.

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

Откройте Параметры программы и прокрутите вниз в раздел Настройки программы и добавьте запись ниже.

App setting name : WEBSITE_NODE_DEFAULT_VERSION
Value: 8.9.0
dfrlxCgAqbmC-DiTUnZIRxwdFZygW1iyfkMp

В основном это говорит Azure использовать эту версию Node и открыть веб-сайт.

Щелкните Сохранить вверху.

Теперь, если вы перейдете по URL https://supercoolnodeapp.azurewebsites.net/

s3uN-mKHfI8qyZpU8JR2IHpdZ2OmwL7cjPRJ

ВАУ!!! Вот так. Мы только что запустили наше суперкрутое приложение Node в Azure.

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

PS: Если вы когда-нибудь создадите приложение, куда лучше, чем у меня:), поделитесь, пожалуйста.

Если эта статья помогла вам, я люблю аплодисменты здесь и подключаю в твиттере 🙂

Я пишу только о программировании и технологиях в Twitter.

Веселитесь!!

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

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