Heroku-implementering - Sådan skubbes en webapp eller et websted til produktion

Når det kommer til implementering af en applikation, er der normalt to muligheder: en VPS eller en PaaS (platform som en tjeneste). Denne artikel viser dig en opskrift til implementering af en applikation til produktion på en PaaS som Heroku.

Trin 1 - Opret projektet

Det første trin er at skabe en enkel struktur til vores projekt med nogle grundlæggende filer. Til denne artikel opretter jeg en demoserver med NodeJS.

I en ny mappe åbner jeg en terminal og kører kommandoen npm init -yfor at oprette et nyt projekt. Dummy-serveren skrives i Express, så vi skal køre npm install expresskommandoen for at installere dette modul.

Når dette bibliotek er installeret, kan vi oprette en ny fil til vores projekt, der hedder app.js. Inde i det skriver vi koden til vores enkle server:

Vi kan starte applikationen ved at køre node app.js. Så kan vi prøve det på følgende URL //localhost:3000. På dette tidspunkt skal du se meddelelsen Hello Worldi browseren.

Trin 2 - Versionskontrolsystem

Det næste trin er at vælge et versionskontrolsystem og placere vores kode i en udviklingsplatform i et lager.

Det mest populære versionskontrolsystem er Git sammen med Github som en udviklingsplatform, så det er det, vi bruger her.

På GitHub skal du oprette et nyt lager til din applikation, som denne:

For at uploade din lokale kode til et lager, skal du køre kommandoerne, der er anført på Github, når du har klikket på Create repositoryknappen:

! Før vi gør dette, skal vi ignorere nogle filer. Vi ønsker kun at uploade den kode, vi skriver, til lageret uden afhængighederne (de installerede moduler).

Til det er vi nødt til at oprette en ny fil .gitignoreog inde i den skrive den fil, som vi vil ignorere.

Nu kan vi skrive de kommandoer, der er anført i billedet ovenfor (den fra GitHub).

Hvis du kørte kommandoerne korrekt, vil det være på dit arkivs side. Hvis du opdaterer det, skal du se dine filer, bortset fra den du eksplicit ignorerede, nemlig node_modules.

Trin 3 - Link lageret til Heroku

På dette trin kan vi linke lageret fra Github til vores Heroku-applikation.

Opret først en ny applikation på Heroku, og følg trinene på platformen.

Når applikationen er oprettet, skal et lignende vindue vises:

Nu, hvis man ser på navigationen i toppen, vil du se   Overview, Resources, Deploy, Metrics  og så videre. Sørg for, at det Deployer valgt. Klik derefter på GitHub-ikonet på anden række.

Søg efter den ønskede applikation, hvilket er demo-deploy-app-09i vores tilfælde. Klik derefter på Connect.

Når applikationen er tilsluttet med din Heroku-konto, kan du klikke for Deploy Branchat implementere din applikation.

Hvis du vil, kan du også vælge den indstilling, Enable Automatic Deploysder automatisk trækker koden fra dit Github-arkiv hver gang du skubber til det arkiv.

Når applikationen er blevet implementeret, kan du klikke på Vis for at åbne din applikation.

Trin 4 - Konfigurer Heroku til at køre applikationen korrekt

Hvis du åbner applikationen på dette tidspunkt, skal du se noget som dette:

Det er rigtigt, en fejl. Det er fordi Heroku ikke ved, hvordan vi starter vores ansøgning.

Hvis du husker det, kørte vi kommandoen for node app.jsat starte applikationen lokalt.

Heroku har ingen måde at vide, hvilke kommandoer den har brug for at køre for at starte applikationen, og det var derfor, den kastede en fejl.

For at løse dette problem, skal vi oprette en ny fil med navnet Procfilemed følgende indhold: web: node ./app.js.

For at opdatere vores applikation er alt, hvad vi skal gøre, at skubbe en ny forpligtelse til GitHub. Hvis vi har aktiveret Automatic Deploysindstillingen, trækkes koden automatisk til Heroku. Ellers skal vi klikke på Deploy Branchigen.

Når applikationen er genopbygget, skal vi se, at den fungerer sådan:

Trin 5 - Sådan tilføjes en tilføjelse

En vigtig fordel, som Heroku giver, er, at du nemt kan tilføje ressourcer i form af add-onstil dit projekt. Disse eksterne ressourcer kommer i form af databaser, lognings- og overvågningsværktøjer, CI- og CD-værktøjer eller testværktøjer.

Så lad os nu se, hvordan du tilføjer en ny ressource til dit projekt. Først går vi til Ressourcer, og derfra tilføjer vi et nyt værktøj til test.

Gå videre og klik på, Find more add-onsog søg derefter efter Loadmill.

Loadmill er et testværktøj, der er rigtig godt til regressionstest og belastningstest.

Gå videre og klik på Install…. Vælg derefter det program, du vil linke.

På dette trin opretter Heroku automatisk en ny konto til dig på den klargjorte platform.

På fanen ressourcer kan du se den nyligt tilføjede ressource:

Hvis du fortsætter med at få adgang til dette tilføjelsesprogram, skal du se dets dashboard med en introduktionsvejledning og en demotest oprettet til dig.

Konklusion

Heroku giver udviklere mulighed for hurtigt og næsten smertefrit at implementere en applikation på en webserver.

Det giver også mange plugins, som du kan integrere i din applikation.

En PaaS-løsning giver dig altid mulighed for at bevæge dig hurtigere end løsningen med en VPS, hvor du skal konfigurere alt fra bunden.