Рубрики
Без рубрики

Как развернуть приложение Super Cool Cool для Azure из GitHub

Rohit Ramname Как развернуть приложение Super Cool Cool для Azure от Githubare You Nodejs Developer, который любит развивать замечательные приложения как хобби, но нужно какое-то место, чтобы показать это? Вы очарованные лазурным лицом и искушенным попробовать это? Ты

Автор оригинала: FreeCodeCamp Community Member.

Rohit Ramname.

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

Вы очарованные лазурным лицом и искушенным попробовать это?

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

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

Достаточно Chitchat … Теперь давайте доберемся до бизнеса.

Шаг 1: Создайте приложение Super Cool Node

Давайте сначала создадим приложение Super Cool Cool.

Создайте папку на локальной машине и дайте ему имя (по вашему выбору), скажем, 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('

Hello World

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

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

Обратите внимание на самое важное Кодовой блок здесь:

const port=process.env.PORT || 3000

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

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

node app.js

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

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

Прохладный! Мы создали базовые, но Super Cool Nodejs приложение.

Шаг 2: Нажмите на GitHub

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

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

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

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

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

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

Шаг 3: Теперь давайте покончим на Azure

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

Откройте Portal.azure.com и войдите в систему с вашими учетными данными.

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

Выберите веб-приложение из результатов поиска.

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

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

Первый ящик – это имя вашего приложения. Который супер легкий с момента его суперколнодиапана:)

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

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

Затем, в конце концов, вам придется выбрать план обслуживания приложений. Я создал бесплатный план с названием Test Plan. Вы можете создать новый план, если у вас еще нет, но убедитесь, что вы выбираете бесплатную версию. При выборе Azure автоматически выбирает уровень S1, который не бесплатный. Убедитесь, что вы измените его в свободный план демонстрации (конечно, если вы хотите более высокие возможности, переработки мощности и т. Д., Перейти на оплаченные планы.)

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

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

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

Он показывает детали, такую как подписку, план работает, статус как работает, идентификатор подписки, местоположение на сервере, в котором приложение размещено на «центральном нами» и некоторые детали FTP. Но самое главное здесь URL Отказ Это будет URL нашего приложения в облаке.

Теперь давайте там получим …

Прокрутите вниз и нажмите на параметры развертывания.

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

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

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

Здесь вы выберете, что mysupercoolnodeapp, который вы нажали в Github.

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

На данный момент у меня есть только мастер, поэтому я ухожу из одного.

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

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

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

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

Прохладный. Теперь, если вы открываете свое приложение, перейдете к URL, упомянутому в разделе Обзор https://supercoolnodeapp.azurewebsites.net/ , вы ожидаете увидеть сообщение Hello World, но вместо этого вы видите ошибку ниже.

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

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

Откройте настройки приложения и прокрутите вниз к разделу настроек приложения и добавьте запись ниже.

App setting name : WEBSITE_NODE_DEFAULT_VERSION
Value: 8.9.0

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

Нажмите Сохранить вверху.

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

Woohoo !!! Там вы идете. Мы только что получили наш приложение Super Cool Cool Up вверх и бегают в Azure.

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

P.S: Если вы когда-нибудь построите приложение охладителю, чем мой:), Тогда, пожалуйста, поделитесь.

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

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