Розгортання Heroku - Як підштовхнути веб-програму або сайт до виробництва

Що стосується розгортання програми, зазвичай є два варіанти: VPS або PaaS (платформа як послуга). Ця стаття покаже вам рецепт розгортання програми для виробництва на PaaS, такому як Heroku.

Крок 1 - Створіть проект

Першим кроком є ​​створення простої структури для нашого проекту з деякими основними файлами. У цій статті я створив демонстраційний сервер із NodeJS.

У новій папці я відкрию термінал і запущу команду npm init -y, щоб створити новий проект. Фіктивний сервер буде записаний у Express, тому нам потрібно виконати npm install expressкоманду, щоб встановити цей модуль.

Після встановлення цієї бібліотеки ми можемо створити новий файл для нашого проекту з назвою app.js. Всередині нього ми напишемо код нашого простого сервера:

Ми можемо запустити програму, запустивши node app.js. Тоді ми можемо спробувати за такою URL-адресою //localhost:3000. На цьому етапі ви побачите повідомлення Hello Worldу браузері.

Крок 2 - Система контролю версій

Наступним кроком є ​​вибір системи контролю версій та розміщення нашого коду на платформі розробки у сховищі.

Найпопулярнішою системою контролю версій є Git разом з Github як платформою розробки, тому саме тут ми будемо використовувати.

На GitHub продовжуйте і створіть нове сховище для своєї програми, наприклад:

Щоб завантажити свій локальний код у сховище, вам потрібно запустити команди, перелічені на Github, після натискання Create repositoryкнопки:

! Перш ніж це зробити, ми повинні проігнорувати деякі файли. Ми хочемо завантажити до сховища лише той код, який ми пишемо, без залежностей (встановлених модулів).

Для цього нам потрібно створити новий файл .gitignoreі всередині нього написати файл, який ми хочемо проігнорувати.

Тепер ми можемо написати команди, перелічені на малюнку вище (та, що від GitHub).

Якщо ви правильно виконали команди, це буде на сторінці вашого сховища. Якщо ви оновите його, ви побачите свої файли, крім того, який ви явно проігнорували, а саме node_modules.

Крок 3 - Пов’яжіть сховище з Heroku

На цьому кроці ми можемо зв’язати сховище з Github з нашим додатком Heroku.

Спочатку створіть новий додаток на Heroku та виконайте дії, перелічені на платформі.

Після створення програми має з’явитися вікно, подібне до цього:

Тепер, якщо ви подивитеся на навігації у верхній частині, ви побачите   Overview, Resources, Deploy, Metrics  і так далі. Переконайтеся, що Deployвибрано. Потім у другому рядку натисніть на піктограму GitHub.

Шукайте потрібну програму, яка є demo-deploy-app-09в нашому випадку. Потім клацніть Connect.

Як тільки програма буде успішно підключена до вашого облікового запису Heroku, ви можете натиснути, Deploy Branchщоб розгорнути її.

Якщо ви хочете, ви також можете вибрати опцію, Enable Automatic Deploysяка автоматично витягуватиме код із вашого сховища Github кожного разу, коли ви натискаєте на це сховище.

Після розгортання програми ви можете натиснути кнопку Перегляд, щоб відкрити свою програму.

Крок 4 - Налаштуйте Heroku для правильного запуску програми

Якщо ви відкриєте програму в цей момент, ви побачите щось подібне:

Правильно, помилка. Це тому, що Heroku не знає, як запустити наш додаток.

Якщо ви пам’ятаєте, ми запустили команду node app.jsдля локального запуску програми.

Heroku не може знати, які команди йому потрібно запустити, щоб запустити програму, і тому він видав помилку.

Щоб вирішити цю проблему, ми повинні створити новий файл з ім'ям Procfileтакого змісту: web: node ./app.js.

Щоб оновити наш додаток, все, що нам потрібно зробити, - це надіслати нову коміту до GitHub. Якщо ми включили цю Automatic Deploysопцію, тоді код буде автоматично витягнути до Heroku. В іншому випадку нам потрібно натиснути Deploy Branchще раз.

Після того, як додаток буде відновлено, ми повинні побачити, що він працює так:

Крок 5 - Як додати надбудову

Однією з ключових переваг, яку надає Heroku, є той факт, що ви можете легко додати ресурси у формі add-onsдо свого проекту. Ці зовнішні ресурси подаються у формі баз даних, засобів реєстрації та моніторингу, інструментів CI та CD або інструментів тестування.

Тож давайте подивимось, як додати новий ресурс до вашого проекту. Спочатку ми перейдемо до Ресурсів, а звідти додамо новий інструмент для тестування.

Вперед і натисніть, Find more add-onsа потім шукайте Loadmill.

Loadmill - це інструмент тестування, який дійсно чудово підходить для регресійного тестування та тестування навантаження.

Вперед і натисніть на Install…. Потім оберіть програму, яку ви хочете зв’язати.

На цьому кроці Heroku автоматично створить для вас новий обліковий запис на забезпеченій платформі.

На вкладці ресурси ви можете побачити нещодавно доданий ресурс:

Якщо ви продовжите користуватися цим додатком, ви побачите його інформаційну панель із вступним посібником та демонстраційним тестом, створеним для вас.

Висновок

Heroku дозволяє розробникам швидко і майже безболісно розгорнути додаток на веб-сервері.

Він також надає безліч плагінів, які ви можете інтегрувати у свою програму.

Рішення PaaS завжди дозволить вам рухатися швидше, ніж рішення з VPS, де вам потрібно налаштувати все з нуля.