de Rohit Ramname

Cum să implementați aplicația Node super cool în Azure de la GitHub

Cum sa implementati aplicatia Node super cool in Azure din

Ești un dezvoltator Nodejs căruia îi place să dezvolte aplicații minunate ca hobby, dar are nevoie de un loc pentru a-l arăta?

Ești o persoană fascinată de Azure și tentată să o încerci?

Ești, de asemenea, acea persoană copleșită de configurațiile pe care le oferă Azure?

Ei bine .. astăzi vă voi explica o modalitate foarte simplă de a vă pune aplicația în funcțiune pe Azure în câteva clicuri.

Publicasem un articol despre implementarea unei „aplicații de nod cool” pe Heroku de la Github gratuit. Dar acum, când am decis să construim o aplicație Node „super cool”, vom folosi un alt serviciu de cloud fierbinte pe piață.

Destul de chitchat … acum să trecem la afacere.

Pasul 1: creați acea aplicație Node super cool

Să creăm mai întâi acea aplicație super cool Node.

Creați un folder pe mașina dvs. locală și dați-i un nume (la alegerea dvs.), spuneți MySuperCoolApp.

Adăugați un fișier cu numele package.json și lipiți conținutul de mai jos. Acest fișier reprezintă informații de bază ale pachetului nostru. (Acest lucru poate fi creat și tastând comanda npm init și acceptând toate setările implicite.)

{"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": ""}

O schimbare foarte importantă de observat este această linie:

"start": "node app.js"

După implementare, Azure va rula această comandă pentru a porni aplicația.

Adăugați un fișier, app.js și lipiți codul de mai jos. Acesta va fi punctul de plecare al aplicației noastre.

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);
});

Acest cod deschide un port pe serverul local și servește ceva HTML.

Vă rugăm să rețineți cel mai important bloc de cod aici:

const port=process.env.PORT || 3000

Acest lucru este important atunci când doriți să implementați aplicația în cloud. Serverul de aplicații este pornit pe un port aleator pe cloud. Dacă codificați hard un număr de port, ca în toate ghidurile Noțiuni introductive, și îl implementați în cloud, este posibil ca numărul portului specific să nu fie disponibil. Aplicația nu va porni niciodată. Deci, este mai bine să obțineți numărul de port atribuit de instanța cloud și să porniți serverul HTTP.

Salvați fișierul și rulați comanda de mai jos în fereastra promptului de comandă (care este deschisă în interiorul folderului):

node app.js

Cu aceasta, Node va porni serverul și va afișa mesajul de mai jos:

Cum sa implementati aplicatia Node super cool in Azure din

Acum, dacă deschidem http: // localhost: 3000 / în browser, vom vedea acest lucru:

1611465367 675 Cum sa implementati aplicatia Node super cool in Azure din

Misto! Am creat o aplicație de bază, dar super cool Nodejs.

PASUL 2: Apăsați pe GitHub

Acum doriți să încărcați codul nostru pe GitHub. În acest fel, vom putea să ne edităm codul de oriunde și să implementăm instantaneu modificările angajate în cloud.

Să creăm un depozit pe GitHub făcând clic pe New Repository.

Dați-i un nume, o descriere și faceți clic pe Creare depozit:

1611465367 966 Cum sa implementati aplicatia Node super cool in Azure din

GitHub va crea un depozit și vă va oferi câteva comenzi pe care le puteți rula local, astfel încât să puteți clona folderul local cu depozitul dvs. GitHub.

Deschideți promptul de comandă în interiorul aplicației în care se află fișierul package.json. În promptul de comandă, rulați comenzile de mai jos în această succesiune.

  1. Inițializați depozitul Git la nivelul rădăcină:
git init

2. Adăugați toate fișierele în Git-ul local (etapizare). Observați ultimul punct:

git add .

3. Confirmați modificările la Git-ul local:

git commit -m “first commit”

4. Conectați-vă la depozitul dvs. GitHub. (Vă rugăm să modificați adresa URL pentru a indica spre depozitul dvs.)

git remote add origin https://github.com/rramname/MySuperCoolNodeApp.git

5. Și împingeți schimbarea:

git push — set-upstream origin master

Ar trebui să vedeți mesaje ca mai jos la promptul de comandă.

1611465368 947 Cum sa implementati aplicatia Node super cool in Azure din

Acum, dacă deschideți GitHub și reîmprospătați depozitul, ar trebui să puteți vedea codul.

PASUL 3: Acum, să-l luăm pe Azure

Acest exercițiu presupune că aveți un abonament Microsoft Azure configurat și gata de utilizare. Dacă nu aveți unul, îl puteți crea gratuit accesând Microsoft Azure site-ul web. Vă va solicita informații despre cardul dvs. de credit. Cardul dvs. nu este niciodată taxat decât dacă achiziționați servicii cu plată (ceea ce nu este necesar pentru această demonstrație).

Deschideți portal.azure.com și conectați-vă cu acreditările dvs.

Faceți clic pe Creați resursă nouă în partea stângă sus. Introduceți „aplicație web” în caseta de căutare pentru a obține tipul de resursă necesar și apăsați Enter.

1611465368 483 Cum sa implementati aplicatia Node super cool in Azure din

Selectați aplicația web din rezultatele căutării.

1611465368 725 Cum sa implementati aplicatia Node super cool in Azure din

Și faceți clic pe butonul Creare.

Ni se va cere să furnizăm câteva informații de bază pentru această aplicație:

1611465368 877 Cum sa implementati aplicatia Node super cool in Azure din

Prima casetă este numele aplicației dvs. Ceea ce este foarte ușor, deoarece SuperCoolNodeApp 🙂

A doua opțiune este abonamentul. M-am înregistrat pentru abonamentul „Pay As You Go”, deoarece am consumat deja perioada de încercare gratuită. Puteți selecta abonamentul gratuit aici.

Următorul este grupul de resurse. Aceasta este gruparea logică a aplicațiilor dvs. pe Azure. Puteți crea noi pentru această aplicație sau puteți utiliza cele existente. Am creat una nouă pentru această aplicație sub numele de SuperCoolNodeApp.

Apoi, la final, va trebui să selectați planul de servicii al aplicației. Am creat un plan gratuit cu numele Plan de testare. Puteți crea un nou plan dacă nu aveți deja unul, dar asigurați-vă că selectați o versiune gratuită. În timp ce selectați, Azure selectează automat nivelul S1 care NU este GRATUIT. Asigurați-vă că îl schimbați în plan gratuit pentru demonstrație (Bineînțeles, dacă doriți capabilități mai mari, puteri de procesare etc., alegeți planuri plătite.)

Clic Crea.

Azure vă va pune la coadă solicitarea de creare a unei aplicații cu planul de servicii pe care l-ați ales și vă va afișa o mică notificare în partea de sus. Crearea unei aplicații nu ar trebui să dureze mult mai mult. Dacă vă reîmprospătați pagina într-un minut sau 2, ar trebui să puteți vedea planul de aplicații și servicii care a fost creat sub toate resursele.

1611465369 907 Cum sa implementati aplicatia Node super cool in Azure din

Acum, faceți clic pe el pentru a vedea detaliile aplicației pe care tocmai am creat-o.

1611465369 68 Cum sa implementati aplicatia Node super cool in Azure din

Afișează detaliile, cum ar fi abonamentul pe care rulează planul, starea ca Rularea, ID-ul abonamentului, locația pe serverul în care aplicația este găzduită în „SUA centrală” și câteva detalii FTP. Dar cel mai important lucru aici este URL. Aceasta va fi adresa URL a aplicației noastre în cloud.

Acum hai să o ducem acolo …

O mică alertă de spoiler, 🙂 În această secțiune, vom configura strategia de implementare pentru aplicația noastră.

Derulați în jos și faceți clic pe Opțiuni de implementare.

1611465369 319 Cum sa implementati aplicatia Node super cool in Azure din

Faceți clic pe Configurare setări necesare și selectați GitHub. Ar trebui să vă afișeze ecranul de mai jos.

1611465369 127 Cum sa implementati aplicatia Node super cool in Azure din

Faceți clic pe Alegeți proiectul. Aceasta ar trebui să vă arate toate depozitele din contul dvs. GitHub.

Dacă faceți acest lucru pentru prima dată, va trebui să furnizați Azure autorizația pentru a accesa contul dvs. GitHub.

1611465370 578 Cum sa implementati aplicatia Node super cool in Azure din

Aici veți selecta acea MySuperCoolNodeApp pe care ați împins-o în GitHub.

1611465370 317 Cum sa implementati aplicatia Node super cool in Azure din

Apoi, putem selecta ramura din care dorim să implementăm.

Deocamdată am master doar așa că îl las pe cel implicit.

Si asta e. Faceți clic pe OK.

Azure se va ocupa de implementarea aplicației. Vă va arăta chiar această mică notificare că Azure este pe cale să facă această treabă.

1611465370 307 Cum sa implementati aplicatia Node super cool in Azure din

După ce ați terminat (ceea ce nu ar trebui să dureze atât de mult), faceți din nou clic pe opțiunile de implementare Ar trebui să puteți vedea ultima implementare.

1611465370 926 Cum sa implementati aplicatia Node super cool in Azure din

Dacă faceți clic pe înregistrare, Azure va afișa chiar jurnalul evenimentului de implementare.

1611465370 811 Cum sa implementati aplicatia Node super cool in Azure din

Misto. Acum, dacă vă deschideți aplicația, accesați adresa URL menționată în secțiunea de prezentare generală https://supercoolnodeapp.azurewebsites.net/, vă așteptați să vedeți mesajul Hello World, dar în schimb vedeți eroarea de mai jos.

1611465371 321 Cum sa implementati aplicatia Node super cool in Azure din

Huh … ce nu este? Jurnalele arată că aplicația a fost implementată, nu vedeți erori, dar aplicația nu funcționează. Este un mister.

Există o mică setare pe care trebuie să o faceți pe portalul Azure pentru a ajuta Azure să o trateze ca o aplicație Nodejs și să o pornească în consecință.

Deschideți Setările aplicației și derulați în jos până la secțiunea Setări aplicație și adăugați intrarea de mai jos.

App setting name : WEBSITE_NODE_DEFAULT_VERSION
Value: 8.9.0
1611465371 941 Cum sa implementati aplicatia Node super cool in Azure din

Practic îi spune lui Azure să utilizeze această versiune de nod și să deschidă site-ul web.

Faceți clic pe Salvare în partea de sus.

Acum, dacă accesați adresa URL https://supercoolnodeapp.azurewebsites.net/

1611465371 563 Cum sa implementati aplicatia Node super cool in Azure din

WOO HOO!!! Iată-te. Tocmai am pus în funcțiune aplicația noastră super cool Node în Azure.

Felicitări!! Acum, de fiecare dată când efectuați orice modificare aplicației dvs. și treceți la GitHub, Azure le va prinde și le va realiza implementarea continuă.

PS: Dacă vreodată creați o aplicație mai rece decât a mea :), atunci vă rugăm să împărtășiți.

Dacă acest articol te-a ajutat, îmi plac aplauzele aici și se conectează pe twitter 🙂

Scriu doar despre programare și tehnologie pe Stare de nervozitate.

A se distra!!