Kako izgraditi web stranicu na Raspberry Pi, s Node.js, Express i MongoDB 1. dio: 6 koraka

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:36

Dobro došli u 1. DIO mog vodiča za node.js web aplikaciju. Dio 1 će proći kroz potreban softver koji se koristi za razvoj aplikacije node.js, kako koristiti prosljeđivanje portova, kako izgraditi aplikaciju pomoću Expressa i kako pokrenuti vašu aplikaciju. Drugi dio ovog vodiča će se baviti cijelim kodom i strukturom moje potpune web aplikacije. Ako ste za to spremni, posjetite ga ovdje.

Dakle, dok sam stvarao svoju osobnu početnu stranicu, bilo mi je jako teško izaći iz korova. Na internetu postoji više nego što ću ja ikada razumjeti o izradi web stranice.

Ovo je šetnja o tome kako koristiti Node.js, Express i Mongodb. za izradu web stranice.

Kôd za sve ovo je ovdje.

Moja web stranica se zove Internet. Posjetite ako želite interaktivniji pogled na osobnu web stranicu.

Započeo sam ovu stranicu radi osobnog prisustva na internetu s projektima koje sam radio, s poveznicama na moje projekte s uputama za više detalja.

Ova stranica je hostirana u mom domu na pi nula W.

Korak 1: Stvari koje trebate

1. Vrijeme. Ne mogu naglasiti da je razvoj web stranice i istinsko razumijevanje unutarnjeg rada dugotrajan proces. Imam diplomu elektrotehnike s naglaskom na mikro elektronici i ljubav prema kodiranju, a za to su mi trebali mjeseci.

Ovaj će vodič biti dobar građevni blok, ali pročitajte više dokumentacije na internetu kako biste razumjeli svaki dio.

2. Malina pi - bilo koji model će poslužiti. Također će poslužiti bilo koje računalo sa Linuxom. Zapravo, bilo koje računalo će uspjeti, samo idem u više detalja o tome kako ga pokrenuti na pi.

3. Internet veza - ako ovo namjeravate ugostiti svijetu. Za konfiguriranje prosljeđivanja portova potreban je usmjerivač ili mrežni prekidač.

4. Softver - Svaka platforma za kodiranje će raditi, Sublime, Webstorm, Notepadd ++, Visual Studios ili bilo što drugo. Uglavnom sam koristio Webstorm ili Sublime.

Korak 2: Prosljeđivanje priključaka na vašem Raspberry Pi

Dakle, pretpostavit ću da ste već postavili svoj malinovi pi. Ako ne, pogledajte ovaj jednostavan vodič ovdje.

Moj pi pokreće Jessie lite i sav je terminal. Prednost toga je što nemam mnogo procesa koji se izvode u pozadini što bi moglo usporiti rad poslužitelja s velikim prometom. Dopustite mi da sada kažem da je ovaj vodič za web stranice s malim prometom. Bilo koje mjesto s velikim prometom bit će sporo na pi i moglo bi dovesti do pada poslužitelja.

Prosljeđivanje luka

Kad je vaš pi postavljen, morat ćete omogućiti prosljeđivanje portova na usmjerivaču ili prekidaču. Da biste to učinili, u usmjerivaču pronađite postavke prosljeđivanja priključaka. Svaki usmjerivač je drugačiji, ovdje pokazujem svoj Linksys Velop GUI.

Moja je stranica konfigurirana na port 3000, to se može promijeniti u izvornom kodu u datoteci app.js ili www.

Također imam postavljen port 22 za prosljeđivanje kako bih mogao SSH u svoj pi, to se može postaviti u postavkama pi. SSH je način korištenja terminala na vašem pi -u dok niste na istoj mreži, a također i dok ne koristite izlaz zaslona s pi -a. To mi omogućuje da ažuriram svoju web stranicu s drugog računala i unesem promjene u svoj pi.

Slijedite slike za postavljanje prosljeđivanja portova.

DNS usluga

Trebat će vam usluga koja povezuje vašu IP adresu s imenom web adrese. Moći ćete unijeti globalnu IP adresu usmjerivača, a zatim broj porta za pristup svojoj web stranici. To je, međutim, teško, osobito ako se vaš globalni IP promijeni. DNS usluga prati i ažurira te promjene tako da su vaše web ime i ip povezani. Odlučujem se koristiti besplatnu uslugu putem no-ip-a. Možete platiti sve što želite. Ovo je samo besplatan način za koji znam.

www.noip.com/

Korak 3: Instaliranje potrebnog softvera na Pi

Ako ste preuzeli moj GitHub kôd, nećete morati učiniti ništa osim pokretanja jednostavne naredbe npm start za pokretanje stranice. Međutim, budući da je ovo dubinski vodič, objasnit ću kako instalirati sav potreban softver i pakete.

Dok ste na svom pi ili linux računalu (bit će različitih naredbi za korištenje prozora), pokrenite sljedeće naredbe.

Razbio sam ih kao pojedinačne korake kako bih ih lakše slijedio.

1. Instalirajte node.js i npm

Node.js je u osnovi java skripta koja stvara poslužitelj. NPM je upravitelj paketa čvorova i obrađuje svu srednju opremu potrebnu s node.js.

Pokrenite sljedeće naredbe na stroju linux ili mac za instalaciju.

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash sudo apt -get install -y nodejs

Za preuzimanje na Windows, upotrijebite exe koji se nalazi ovdje.

Ova je veza za linux pomoć ako nije na maline pi.

2. Instalirajte MongoDB

MongoDB je upravo to, baza podataka. Koristim ovo za dio svoje web stranice za prijavu i brojač prometa.

Pokrenite sljedeće naredbe na stroju linux ili mac za instalaciju.

sudo apt-key adv --keyserver hkp: //keyserver.ubuntu.com: 80 --recv 0C49F3730359A14518585931BC711F9BA15703C6

echo "deb https://repo.mongodb.org/apt/debian jessie/mongodb-org/3.4 main" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list

sudo apt-get ažuriranje

sudo apt-get install -y mongodb-org

Za preuzimanje na Windows, upotrijebite exe koji se nalazi ovdje.

Ova je poveznica za linux pomoć ako nije na maline pi.

3. Instalirajte Grunt

Grunt je poput npm -a, jer ga možete koristiti zajedno s drugim dodacima. Ne koristim je za svoju aplikaciju, no vrlo je korisna pri automatizaciji zadataka. Ovaj se korak može potpuno preskočiti da bi vaša aplikacija funkcionirala.

Za Windows, Mac ili Linux upotrijebite sljedeću naredbu.

npm install -g grunt -cli

4. Instalirajte Express

Express je jednostavan način korištenja node js okvira. Idemo instalirati ekspresni generator. Time se stvara okvir za web aplikaciju koji se lako koristi.

Za Windows, Mac ili Linux upotrijebite sljedeću naredbu.

npm instalirati express -generator -g

Korak 4: Izradite Express Node.js aplikaciju

Dođite do lokacije mape u kojoj planirate imati svoju aplikaciju. Ovdje će sve buduće instalacije biti unutar ove mape.

Pokrenite sljedeće naredbe na stroju linux ili mac za promjenu direktorija.

sudo cd/home/pi/myapp

Za Windows:

cd C: / Users / pi / Desktop / myapp

Upotrijebite ekspresni generator za stvaranje potrebnog okvira čvora js.

izraziti naziv aplikacije

Ovo će stvoriti goli izraziti node.js projekt, možete urediti njegove značajke tijekom ovog koraka pronalaženjem različitih naredbi kao što je dolje prikazano pomoću naredbe -h. Ili možete ručno urediti generirani predložak, poput mene. O tome ću detaljnije govoriti u drugom dijelu. Možete dodati druge varijable ovom kodu za promjenu postavki u vašoj aplikaciji, kao što je korištenje html -a, upravljača, žada i drugih. Za ovo pokrenite naredbu:

izraziti -h

Nastavite s postavljanjem web aplikacije node.js pokretanjem sljedećih naredbi:

cd nameofmyapp

npm instalirati

Ovo instalira sve potrebne pakete koje će vaša web aplikacija node.js morati pokrenuti i više dostupnih za korištenje.

U ovom primjeru put datoteke za aplikaciju bio bi:

/home/pi/myapp/nameofmyapp

To je zato što ekspresni generator stvara datoteku na temelju niza koji postavite nakon nje. Ako ste već u željenom direktoriju, samo upotrijebite express.

Korak 5: Pokrenite svoju web aplikaciju

Da biste pokrenuli svoju node.js web aplikaciju, pokrenite naredbu:

npm početak

Kako bismo učinili učinkovitijim tijekom kodiranja, tako da se naša aplikacija automatski ažurira nakon što unesemo promjene, instalirat ćemo nodemon.

npm install -g nodemon

Ovdje bi vam većina vodiča rekla da se zabavite u izgradnji i ostavila vas da shvatite naporan rad na nogama. U sljedećim koracima ću vas provesti kako sam izgradio svoju aplikaciju.

Korak 6: Kredit

To zapravo nije korak, ali želim navesti svoje izvore i inspiraciju za ovaj vodič.

Ovaj Github ReadMe napisao je dobar prijatelj dok je radio na našem višem dizajnerskom projektu i poslužio je za mnogo inspiracije o tome kako stvoriti moju web stranicu.

github.com/SDP-DT04/Web-Application/blob/m…

Ovaj je vodič bio koristan alat u procesu izrade web aplikacije.

kroltech.com/2013/12/29/boilerplate-web-app…

Za više informacija o node.js web stranici posjetite moj dio 2.