Heroku Deploy - Как да насочим уеб приложение или сайт към производство

Що се отнася до внедряването на приложение, обикновено има две възможности: 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 или инструменти за тестване.

Така че сега нека видим как да добавите нов ресурс към вашия проект. Първо ще отидем на Resources и оттам ще добавим нов инструмент за тестване.

Продължете и кликнете върху Find more add-onsи след това потърсете Loadmill.

Loadmill е инструмент за тестване, който е наистина чудесен за регресионно тестване и тестване на товара.

Продължете и кликнете върху Install…. След това изберете приложението, което искате да свържете.

На тази стъпка Heroku автоматично ще създаде нов акаунт за вас на предоставената платформа.

В раздела ресурси можете да видите новодобавения ресурс:

Ако продължите и осъществите достъп до тази добавка, трябва да видите таблото за управление с встъпителен урок и демо тест, създаден за вас.

Заключение

Heroku позволява на разработчиците бързо и почти безболезнено да разгърнат приложение на уеб сървър.

Той също така предоставя много приставки, които можете да интегрирате във вашето приложение.

Решението PaaS винаги ще ви позволи да се движите по-бързо от решението с VPS, където трябва да конфигурирате всичко от нулата.