Kuidas luua veebisaiti Raspberry Pi -le, kasutades Node.js, Express ja MongoDB Osa 1: 6 sammu

2024 Autor: John Day | [email protected]. Viimati modifitseeritud: 2024-01-30 08:49

Tere tulemast minu node.js veebirakenduse õpetuse 1. OSA. 1. osa läbib vajaliku tarkvara, mida kasutatakse rakenduse node.js arendamiseks, kuidas kasutada pordi edastamist, kuidas rakendust Expressi abil luua ja kuidas oma rakendust käitada. Selle õpetuse teine osa hõlmab kogu minu täieliku veebirakenduse koodi ja struktuuri. Kui olete selleks valmis, külastage seda siin.

Niisiis oli mul oma isikliku turulehe loomise ajal umbrohust väljatulek väga raske. Internetis on veebisaidi loomise kohta rohkem kui ma kunagi aru saan.

See on juhis Node.js, Expressi ja Mongodbi kasutamiseks. veebilehe loomiseks.

Selle kõige kood on siin.

Minu veebilehe nimi on Internet. Palun külastage, kui soovite isiklikule veebisaidile interaktiivsemat pilti.

Alustasin seda lehte, et olla isiklikult Internetis kohal projektidega, mida olen teinud, koos linkidega oma juhendatavate projektide kohta, et saada rohkem üksikasju.

Seda saiti hostitakse minu kodus pi nul W.

Samm: asjad, mida vajate

1 kord. Ma ei saa rõhutada, et saidi väljatöötamine ja sisemise toimimise tõeline mõistmine on pikk protsess. Mul on kraad elektrotehnika erialal, keskendudes mikroelektroonikale, ja armastan kodeerimist ning see võttis mul ikka mitu kuud aega.

See õpetus on hea ehitusplokk, kuid iga osa mõistmiseks lugege palun veebis rohkem dokumentatsiooni.

2. Vaarika pi - sobib iga mudel. Samuti sobib iga linuxit kasutav arvuti. Tegelikult saab hakkama iga arvuti, ma räägin sellest üksikasjalikumalt, kuidas seda pi -peal käivitada.

3. Interneti -ühendus - kui kavatsete seda kogu maailmale majutada. Pordi edastamise seadistamiseks on vaja ruuterit või võrgulülitit.

4. Tarkvara - mis tahes kodeerimisplatvorm töötab, Sublime, Webstorm, Notepadd ++, Visual Studios või midagi muud. Kasutasin peamiselt Webstormi või Sublime'i.

Samm: sadama edastamine teie Raspberry Pi -l

Niisiis, ma eeldan, et teie vaarika pi on juba seadistatud. Kui ei, siis vaadake seda lihtsat õpetust siit.

Minu pi töötab Jessie lite ja on kõik terminal. Selle eeliseks on see, et mul ei tööta taustal palju protsesse, mis võivad minu serveri suure liiklusega aeglasemaks muuta. Lubage mul nüüd öelda, et see õpetus on mõeldud vähese liiklusega saitidele. Iga suure liiklusega sait on aeglane ja võib põhjustada teie serveri krahhi.

Sadama suunamine

Kui teie pi on seadistatud, peate lubama oma ruuteril või lülitil pordi edastamise. Selleks leidke oma ruuterist pordi edastamise seaded. Iga ruuter on erinev, ma näitan siin oma Linksys Velop GUI -d.

Minu sait on konfigureeritud porti 3000, seda saab muuta lähtekoodis rakenduses app.js või www.

Mul on ka edastamiseks seadistatud port 22, et saaksin oma pi -sse SSH -d sisestada, seda saab seadistada pi seadetes. SSH on viis, kuidas kasutada terminali oma pi -l, kui see pole samas võrgus ja ka siis, kui te ei kasuta pi -ekraani väljundit. See võimaldab mul värskendada oma veebisaiti teisest arvutist ja suunata muudatused oma pi -le.

Pordi edastamise seadistamiseks järgige pilte.

DNS -teenus

Te vajate teenust, mis seob teie IP -aadressi veebiaadressi nimega. Saate oma saidile pääsemiseks sisestada oma ruuterite globaalse IP -aadressi ja sellele järgneva pordi numbri. See on aga raske, eriti kui teie globaalne IP muutub. DNS -teenus jälgib ja värskendab neid muudatusi, nii et teie veebinimi ja ip on lingitud. Ma otsustan kasutada tasuta teenust no-ip kaudu. Olete oodatud maksma kõige eest, mida soovite. See on lihtsalt tasuta viis, mida ma tean.

www.noip.com/

Samm: vajaliku tarkvara installimine Pi -le

Kui olete minu GitHubi koodi alla laadinud, ei pea te saidi käivitamiseks midagi muud tegema, kui käivitama lihtsa käsu npm start. Kuna see on põhjalik õpetus, selgitan siiski, kuidas installida kogu vajalik tarkvara ja paketid.

Kui olete oma pi või Linuxi arvutis (Windowsi kasutamiseks on erinevaid käske), käivitage järgmised käsud.

Olen need jaotanud üksikute sammudena, et oleks lihtsam järgida.

1. Installige node.js ja npm

Node.js on põhimõtteliselt java skript, mis loob serveri. NPM on sõlmepakettide haldur ja haldab kõiki sõlme.js jaoks vajalikke keskvara.

Paigaldamiseks käivitage Linuxi või Maci masinal järgmised käsud.

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

Windowsi allalaadimiseks kasutage siin leitud exe -d.

See link on abiks linuxile, kui mitte vaarika pi.

2. Installige MongoDB

MongoDB on just see, andmebaas. Kasutan seda oma veebisaidi sisselogimis- ja liiklusloenduri osa jaoks.

Paigaldamiseks käivitage Linuxi või Maci masinal järgmised käsud.

sudo apt-key adv-võtmeserver 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 update

sudo apt-get install -y mongodb-org

Windowsi allalaadimiseks kasutage siin leitud exe -d.

See link on abiks linuxile, kui mitte vaarika pi.

3. Paigaldage Grunt

Grunt on nagu npm, kuna saate seda kasutada koos teiste pistikprogrammidega. Ma ei kasuta seda oma rakenduse jaoks, kuid see on ülesannete automatiseerimisel väga kasulik. Rakenduse toimimiseks võib selle sammu täielikult vahele jätta.

Windowsi, maci või linuxi puhul kasutage järgmist käsku.

npm install -g grunt -cli

4. Installige Express

Express on lihtne viis sõlme js raamistiku kasutamiseks. Paigaldame ekspressgeneraatori. See loob veebirakenduse hõlpsasti kasutatava raamistiku.

Windowsi, maci või linuxi puhul kasutage järgmist käsku.

npm installige ekspressgeneraator -g

Samm: looge rakendus Express Node.js

Liikuge kausta asukohta, kus kavatsete oma rakendust kasutada. Kui olete siin, on kõik tulevased installimised selles kaustas.

Kataloogi muutmiseks käivitage Linuxi või Maci masinal järgmised käsud.

sudo cd/home/pi/myapp

Windowsi jaoks:

cd C: / Kasutajad / pi / Töölaud / myapp

Kasutage ekspressgeneraatorit vajaliku sõlme js raamistiku loomiseks.

väljendage minu rakenduse nime

See loob palja ekspressõlme node.js projekti, saate selle toimingu ajal selle funktsioone redigeerida, otsides erinevaid käske, nagu allpool näha, kasutades käsku -h. Või saate loodud malli käsitsi muuta, nagu mul on. Arutlen seda üksikasjalikumalt 2. osas. Teil on võimalik sellele koodile lisada muid muutujaid, et muuta oma rakenduse seadeid, näiteks html, lenkstang, jade jt. Selleks käivitage käsk:

väljendada -h

Jätkake veebirakenduse node.js seadistamist, käivitades järgmised käsud:

cd nameofmyapp

npm install

See installib kõik vajalikud paketid, mida teie veebirakendus node.js peab käitama, ja palju muud, mis on kasutamiseks saadaval.

Selles näites oleks rakenduse failitee järgmine:

/home/pi/myapp/nameofmyapp

Selle põhjuseks on asjaolu, et ekspressgeneraator loob faili, mis põhineb stringil, mille pärast seda asetate. Kui olete juba soovitud kataloogis, kasutage lihtsalt ekspressi.

Samm: käivitage oma veebirakendus

Veebirakenduse node.js käivitamiseks käivitage käsk:

npm algus

Et muuta see kodeerimise ajal tõhusamaks, nii et meie rakendus värskendatakse pärast muudatuste tegemist automaatselt, installime nodemoni.

npm install -g nodemon

Siin on koht, kus enamik õpetusi ütleks teile, et teil oleks lõbus ehitada, ja jätaksite raske jalgade töö välja mõelda. Järgmistes sammudes tutvustan teile, kuidas ma oma rakenduse koostasin.

6. etapp: krediit

See pole tegelikult samm, kuid tahan loetleda oma õpetuse allikad ja inspiratsiooni.

Selle Githubi lugemismee kirjutas hea sõber meie vanemkujundusprojektiga töötades ja see on andnud palju inspiratsiooni minu saidi loomiseks.

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

See õpetus oli abiks veebirakenduse loomise protsessis.

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

Lisateavet saidi node.js kohta leiate minu 2. osast.