Kā izveidot vietni Raspberry Pi, izmantojot Node.js, Express un MongoDB 1. daļa: 6 soļi

2024 Autors: John Day | [email protected]. Pēdējoreiz modificēts: 2024-01-30 10:56

Laipni lūdzam manas node.js tīmekļa lietotnes apmācības 1. DAĻĀ. Pirmajā daļā tiks apskatīta nepieciešamā programmatūra, ko izmanto lietotņu nod.js izstrādei, kā izmantot portu pāradresāciju, kā izveidot lietotni, izmantojot Express, un kā palaist jūsu lietotni. Šīs apmācības otrajā daļā tiks apskatīts viss manas tīmekļa lietojumprogrammas kods un struktūra. Ja esat tam gatavs, apmeklējiet to šeit.

Tātad, veidojot savu personīgo atklāšanas lapu, man bija ļoti grūti izkļūt no nezālēm. Internetā ir vairāk nekā es jebkad sapratīšu par tīmekļa lapas izveidi.

Šī ir informācija par to, kā izmantot Node.js, Express un Mongodb. lai izveidotu tīmekļa lapu.

Kods tam visam ir šeit.

Manas tīmekļa lapas nosaukums ir Internets. Lūdzu, apmeklējiet, ja vēlaties interaktīvāku ieskatu personīgajā vietnē.

Es sāku šo lapu, lai personīgi atrastos internetā ar projektiem, kurus esmu paveicis, ar saitēm uz maniem pamācību projektiem, lai iegūtu sīkāku informāciju.

Šī vietne tiek mitināta manās mājās uz nulles W.

1. darbība. Nepieciešamās lietas

1. Laiks. Es nevaru uzsvērt, ka vietnes izstrāde un patiesa izpratne par iekšējo darbību ir ilgs process. Man ir grāds elektrotehnikā ar fokusu mikroelektronikā un mīlestība uz kodēšanu, un tas man vēl aizņēma vairākus mēnešus.

Šī apmācība būs labs pamatelements, taču, lai saprastu katru daļu, lūdzu, izlasiet vairāk dokumentācijas tiešsaistē.

2. Aveņu pi - derēs jebkurš modelis. Arī jebkurš dators, kurā darbojas Linux. Patiesībā derēs jebkurš dators, es tikai iedziļinos sīkāk, kā to palaist uz pi.

3. Interneta pieslēgums - ja plānojat to uzņemt pasaulē. Lai konfigurētu portu pāradresāciju, ir nepieciešams maršrutētājs vai tīkla slēdzis.

4. Programmatūra - darbosies jebkura kodēšanas platforma, Sublime, Webstorm, Notepadd ++, Visual Studios vai jebkas cits. Es galvenokārt izmantoju Webstorm vai Sublime.

2. solis: ostas pāradresācija jūsu Raspberry Pi

Tātad, es pieņemšu, ka jūsu aveņu pi jau ir iestatīts. Ja nē, pārbaudiet šo vienkāršo pamācību šeit.

Mans pi darbojas Jessie lite, un viss ir terminālis. Ieguvums ir tāds, ka man fonā nedarbojas daudz procesu, kas varētu palēnināt mana servera darbību ar lielu trafiku. Ļaujiet man tagad paziņot, ka šī apmācība ir paredzēta vietnēm ar zemu trafiku. Jebkura vietne ar lielu datplūsmu būs lēna un var izraisīt jūsu servera avāriju.

Ostu pāradresācija

Kad jūsu pi ir iestatīts, maršrutētājā vai slēdžā būs jāiespējo portu pāradresācija. Lai to izdarītu, atrodiet maršrutētājā portu pāradresācijas iestatījumus. Katrs maršrutētājs ir atšķirīgs, šeit es rādu savu Linksys Velop GUI.

Mana vietne ir konfigurēta portam 3000, to var mainīt avota kodā app.js vai www failā.

Man arī ir izveidots 22. ports pārsūtīšanai, lai es varētu SSH ievadīt savā pi, to var iestatīt pi iestatījumos. SSH ir veids, kā izmantot termināli savā pi, kamēr tas nav vienā tīklā, kā arī neizmantojot displeja izvadi no pi. Tas ļauj man atjaunināt savu vietni no cita datora un pārvietot izmaiņas savā pi.

Sekojiet attēliem, lai iestatītu portu pāradresāciju.

DNS pakalpojums

Jums būs nepieciešams pakalpojums, kas saista jūsu IP adresi ar tīmekļa adreses nosaukumu. Lai piekļūtu savai vietnei, jūs varēsit ievadīt maršrutētāju globālo IP adresi un porta numuru. Tomēr tas ir grūti, it īpaši, ja mainās jūsu globālais IP. DNS pakalpojums izseko un atjaunina šīs izmaiņas, lai jūsu tīmekļa nosaukums un ip būtu saistīti. Es izvēlos izmantot bezmaksas pakalpojumu, izmantojot no-ip. Jūs esat laipni aicināti maksāt par visu, ko vēlaties. Tas ir tikai bezmaksas veids, ko es zinu.

www.noip.com/

3. darbība: nepieciešamās programmatūras instalēšana Pi

Ja esat lejupielādējis manu GitHub kodu, jums nekas nav jādara, izņemot palaidiet vienkāršu npm start komandu, lai vietne darbotos. Tomēr, tā kā šī ir padziļināta apmācība, es paskaidrošu, kā instalēt visu nepieciešamo programmatūru un pakotnes.

Atrodoties savā pi vai linux datorā (Windows lietošanai būs dažādas komandas), palaidiet šādas komandas.

Es tos sadalīju kā atsevišķus soļus, lai būtu vieglāk tos ievērot.

1. Instalējiet node.js un npm

Node.js būtībā ir java skripts, kas izveido serveri. NPM ir mezglu pakotņu pārvaldnieks un apstrādā visas nepieciešamās vidējās preces ar node.js.

Lai instalētu, Linux vai Mac datorā palaidiet šādas komandas.

čokurošanās -sL https://deb.nodesource.com/setup_6.x | sudo -E bash sudo apt -get install -y nodejs

Lai lejupielādētu operētājsistēmā Windows, vienkārši izmantojiet šeit atrodamo exe.

Šī saite ir paredzēta Linux palīdzībai, ja ne uz aveņu pi.

2. Instalējiet MongoDB

MongoDB ir tikai tā, datu bāze. Es to izmantoju savas tīmekļa lapas pieteikšanās un datplūsmas skaitītāja daļai.

Lai instalētu, Linux vai Mac datorā palaidiet šādas komandas.

sudo apt-key adv-atslēgu serveris 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

Lai lejupielādētu operētājsistēmā Windows, vienkārši izmantojiet šeit atrodamo exe.

Šī saite ir paredzēta Linux palīdzībai, ja ne uz aveņu pi.

3. Uzstādiet Grunt

Grunt ir kā npm, jo varat to izmantot kopā ar citiem spraudņiem. Es to neizmantoju savai lietotnei, tomēr tas ir ļoti noderīgi, automatizējot uzdevumus. Šo darbību var pilnībā izlaist, lai jūsu lietotne darbotos.

Operētājsistēmai Windows, mac vai Linux izmantojiet šādu komandu.

npm instalēt -g grunt -cli

4. Instalējiet Express

Express ir vienkāršs veids, kā izmantot mezgla js ietvaru. Mēs uzstādīsim ekspresģeneratoru. Tas rada viegli lietojamu tīmekļa lietojumprogrammas ietvaru.

Operētājsistēmai Windows, mac vai Linux izmantojiet šādu komandu.

npm instalējiet ekspresģeneratoru -g

4. darbība. Izveidojiet lietotni Express Node.js

Pārejiet uz mapes atrašanās vietu, kurā plānojat ievietot savu lietotni. Kad būsit šeit, visas turpmākās instalācijas būs šajā mapē.

Lai mainītu direktoriju, Linux vai Mac datorā palaidiet šādas komandas.

sudo cd/home/pi/myapp

Operētājsistēmai Windows:

cd C: / Users / pi / Desktop / myapp

Izmantojiet ātro ģeneratoru, lai izveidotu nepieciešamo mezgla js ietvaru.

izteikt savas lietotnes nosaukumu

Tādējādi tiks izveidots tukšs ekspresis node.js projekts, šī soļa laikā varat rediģēt tā funkcijas, atrodot dažādas komandas, kā redzams zemāk, izmantojot komandu -h. Vai arī varat manuāli rediģēt izveidoto veidni, piemēram, man. Es to sīkāk apspriedīšu 2. daļā. Jūs varat pievienot šim kodam citus mainīgos, lai mainītu lietojumprogrammas iestatījumus, piemēram, izmantojot html, stūri, nefrītu un citus. Lai to izdarītu, palaidiet komandu:

izteikt -h

Turpiniet iestatīt tīmekļa lietojumprogrammu node.js, palaižot šādas komandas:

cd nosaukums manai lietotnei

npm instalēt

Tādējādi tiek instalētas visas nepieciešamās pakotnes, kas būs jāpalaiž jūsu tīmekļa lietojumprogrammai node.js, un citas pieejamās paketes.

Šajā piemērā lietojumprogrammas faila ceļš būtu šāds:

/home/pi/myapp/nameofmyapp

Tas ir tāpēc, ka ātrais ģenerators izveido failu, pamatojoties uz virkni, kuru ievietojat pēc tās. Ja jūs jau atrodaties vajadzīgajā direktorijā, vienkārši izmantojiet ekspresi.

5. darbība: palaidiet savu tīmekļa lietojumprogrammu

Lai palaistu tīmekļa lietojumprogrammu node.js, palaidiet komandu:

npm sākums

Lai padarītu to efektīvāku kodēšanas laikā, lai mūsu lietojumprogramma tiktu automātiski atjaunināta pēc izmaiņu veikšanas, mēs instalēsim nodemon.

npm instalēt -g nodemon

Lūk, kur lielākā daļa pamācību liks jums izklaidēties ar ēku un ļaus jums izdomāt smago kāju darbu. Turpmākajos soļos es jums pastāstīšu, kā es izveidoju savu lietojumprogrammu.

6. darbība: kredīts

Nav īsti solis, bet es vēlos uzskaitīt savus avotus un iedvesmu šai apmācībai.

Šo Github ReadMe uzrakstīja labs draugs, strādājot pie mūsu vecākā dizaina projekta, un tas ir devis daudz iedvesmas, kā izveidot manu vietni.

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

Šī apmācība bija noderīgs rīks tīmekļa lietojumprogrammas izveides procesā.

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

Lai iegūtu papildinformāciju par vietni node.js, apmeklējiet manu 2. daļu.