Jinsi ya Kuunda Wavuti kwenye Raspberry Pi, Na Node.js, Express, na MongoDB Sehemu ya 1: Hatua 6

2024 Mwandishi: John Day | [email protected]. Mwisho uliobadilishwa: 2024-01-30 12:53

Karibu kwenye SEHEMU YA 1 ya mafunzo yangu ya programu ya wavuti ya node.js. Sehemu ya 1 itapitia programu muhimu inayotumiwa kwa maendeleo ya programu ya node.js, jinsi ya kutumia usambazaji wa bandari, jinsi ya kujenga programu kwa kutumia Express, na jinsi ya kuendesha programu yako. Sehemu ya pili ya mafunzo haya itapita kanuni zote na muundo wa programu yangu kamili ya wavuti. Ikiwa uko tayari kwa hiyo tembelea hapa.

Kwa hivyo, wakati wa kujenga ukurasa wangu wa uzinduzi wa kibinafsi niliona ni ngumu sana kutoka kwenye magugu. Kuna mengi kwenye wavuti kuliko hata mimi nitaelewa juu ya kujenga ukurasa wa wavuti.

Hii ni kutembea kupitia jinsi ya kutumia Node.js, Express, na Mongodb. kuunda ukurasa wa wavuti.

Nambari ya haya yote iko hapa.

Ukurasa wangu wa wavuti unaitwa Mtandao. Tafadhali tembelea ikiwa unataka kuangalia zaidi kwa mwingiliano kwenye wavuti ya kibinafsi.

Nilianza ukurasa huu kuwa na uwepo wa kibinafsi kwenye wavuti na miradi niliyoifanya, na viungo vya miradi yangu ya kufundishia kwa maelezo zaidi.

Tovuti hii imehifadhiwa nyumbani kwangu kwenye pi zero W.

Hatua ya 1: Vitu Unavyohitaji

1. Wakati. Siwezi kusisitiza kuwa kukuza wavuti, na kuelewa kweli utendaji wa ndani, ni mchakato mrefu uliochukuliwa. Nina digrii katika uhandisi wa umeme na kuzingatia elektroniki ndogo, na upendo wa kuweka alama, na hii bado ilinichukua miezi kukamilisha.

Mafunzo haya yatakuwa jengo nzuri, lakini tafadhali soma nyaraka zaidi mkondoni ili kuelewa kila kipande.

2. Raspberry pi - mfano wowote utafanya. Pia linux yoyote inayotumia kompyuta itafanya. Kweli, kompyuta yoyote itafanya, ninaenda kwa undani zaidi juu ya jinsi ya kuiendesha kwenye pi.

3. Uunganisho wa mtandao - ikiwa una mpango wa kukaribisha hii ulimwenguni. Router au swichi ya mtandao inahitajika kusanidi usambazaji wa bandari.

4. Programu - Jukwaa lolote la kuweka alama litafanya kazi, Tukufu, Dhoruba ya Wavuti, Notepadd ++, Studio za Visual, au kitu kingine chochote. Nilitumia sana Webstorm au Sublime.

Hatua ya 2: Usambazaji wa Bandari kwenye Raspberry yako Pi

Kwa hivyo, nitafikiria kuwa tayari umeweka pi yako ya raspberry. Ikiwa sivyo angalia mafunzo haya rahisi hapa.

Pi yangu inaendesha Jessie lite, na yote ni ya mwisho. Faida ya hii ni kwamba sina michakato mingi inayoendesha nyuma ambayo inaweza kufanya seva yangu kuendeshwa polepole na trafiki kubwa. Acha niseme sasa kwamba mafunzo haya ni ya wavuti za chini. Wavuti yoyote iliyo na trafiki kubwa itakuwa polepole kwenye pi na inaweza kufanya seva yako kuharibika.

Usambazaji wa bandari

Ukiwa umeweka pi yako, italazimika kuwezesha usambazaji wa bandari kwenye router yako au ubadilishe. Ili kufanya hivyo pata mipangilio ya usambazaji wa bandari kwenye router yako. Kila router ni tofauti, ninaonyesha yangu Linksys Velop GUI hapa.

Tovuti yangu imesanidiwa kuwa bandari 3000, hii inaweza kubadilishwa katika nambari ya chanzo kwenye programu.js au faili ya www.

Pia nina bandari 22 iliyowekwa kwa usambazaji ili niweze SSH kwenye pi yangu, hii inaweza kusanidiwa katika mipangilio ya pi. SSH ni njia ya kutumia terminal kwenye pi yako wakati sio kwenye mtandao huo huo, na pia wakati hautumii pato la onyesho kutoka kwa pi. Hii inaniruhusu kusasisha wavuti yangu kutoka kwa kompyuta tofauti na kushinikiza mabadiliko kwenye pi yangu.

Fuata picha ili kuanzisha usambazaji wa bandari.

Huduma ya DNS

Utahitaji huduma inayounganisha anwani yako ya ip na jina la anwani ya wavuti. Utakuwa na uwezo wa kuchapa kwenye anwani zako za IP za barabara zote zikifuatiwa na nambari ya bandari kufikia tovuti yako. Hii, hata hivyo, ni ngumu haswa ikiwa ip yako ya ulimwengu inabadilika. Huduma gani ya DNS inafanya ni kufuatilia na kusasisha mabadiliko haya ili jina lako la wavuti na ip ziunganishwe. Ninachagua kutumia huduma ya bure kupitia no-ip. Unakaribishwa kulipia chochote unachotaka. Hii ni njia ya bure tu ambayo najua.

www.noip.com/

Hatua ya 3: Kusanikisha Programu Inayohitajika kwenye Pi

Ikiwa umepakua nambari yangu ya GitHub hautahitaji kufanya chochote isipokuwa kuendesha amri rahisi ya kuanza kwa npm ili wavuti ifanye kazi. Walakini, kwa kuwa hii ni mafunzo ya kina nitaelezea jinsi ya kusanikisha programu na vifurushi vyote vinavyohitajika.

Ukiwa kwenye pi yako, au kompyuta ya linux (kutakuwa na amri tofauti za kutumia windows), endesha amri zifuatazo.

Nimezivunja kama hatua za kibinafsi ili iwe rahisi kufuata.

1. Sakinisha node.js na npm

Node.js kimsingi ni hati ya java ambayo huunda seva. NPM ni meneja wa kifurushi cha node na hushughulikia bidhaa zote za kati zinazohitajika na node.js.

Endesha amri zifuatazo kwenye linux au mashine ya mac kusakinisha.

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

Ili kupakua kwenye windows, tumia tu exe inayopatikana hapa.

Kiungo hiki ni cha msaada wa linux ikiwa sio kwenye pi ya raspberry.

2. Sakinisha MongoDB

MongoDB ni hiyo tu, msingi wa data. Ninatumia hii kwa sehemu ya kukabiliana na kuingia na trafiki kwenye ukurasa wangu wa wavuti.

Endesha amri zifuatazo kwenye linux au mashine ya mac kusakinisha.

muhimu ya ufunguo wa ushauri --keyserver hkp: //keyserver.ubuntu.com: 80 --recv 0C49F3730359A14518585931BC711F9BA15703C6

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

Sudo apt-pata sasisho

Sudo apt-get kufunga -y mongodb-org

Ili kupakua kwenye windows, tumia tu exe inayopatikana hapa.

Kiungo hiki ni cha msaada wa linux ikiwa sio kwenye pi ya raspberry.

3. Sakinisha Grunt

Grunt ni kama npm, kwani unaweza kuitumia kwa kushirikiana na programu-jalizi zingine. Situmii kwa programu yangu, hata hivyo inasaidia sana wakati wa kuainisha kazi. Hatua hii inaweza kurukwa kabisa ili programu yako ifanye kazi.

Kwa windows, mac, au linux tumia amri ifuatayo.

npm kufunga -g grunt-ehl

4. Sakinisha Express

Express ni njia rahisi ya kutumia mfumo wa node js. Tutaweka jenereta ya kuelezea. Hii inaunda mfumo rahisi wa matumizi ya programu ya wavuti.

Kwa windows, mac, au linux tumia amri ifuatayo.

npm kufunga Express-jenereta -g

Hatua ya 4: Unda App Node.js Express

Nenda kwenye eneo la folda ambalo unapanga kuwa na programu yako. Mara hapa usakinishaji wote wa baadaye utakuwa ndani ya folda hii.

Endesha amri zifuatazo kwenye linux au mashine ya mac kubadilisha saraka.

sudo cd / nyumbani / pi / myapp

Kwa Windows:

cd C: / Watumiaji / pi / Desktop / myapp

Tumia jenereta ya kuelezea kuunda mfumo wa nodi js unahitajika.

onyesha nameofmyapp

Hii itaunda mradi wa wazi wa node.js, unaweza kuhariri huduma zake wakati wa hatua hii kwa kupata amri tofauti kama inavyoonekana hapa chini kwa kutumia -h amri. Au unaweza kuhariri kiolezo kilichotengenezwa, kama nilivyo nacho. Nitajadili hili kwa undani zaidi katika sehemu ya 2. Una uwezo wa kuongeza anuwai zingine kwenye nambari hii kubadilisha mipangilio katika programu yako kama vile kutumia html, handlebars, jade, na zingine. Kwa hii endesha amri:

eleza -h

Endelea kuanzisha programu yako ya node.js kwa kutumia amri zifuatazo:

cd jinaofmyapp

npm kufunga

Hii inasakinisha vifurushi vyote vinavyohitajika ambavyo programu yako ya node.js itahitaji kuendesha na zaidi ambayo inapatikana kutumia.

Katika mfano huu njia ya faili ya programu itakuwa:

/ nyumbani / pi / myapp / nameofmyapp

Hii ni kwa sababu jenereta inayoelezea huunda faili kulingana na kamba uliyoweka baada yake. Ikiwa tayari uko kwenye saraka inayotakiwa, tumia tu Express.

Hatua ya 5: Endesha Maombi yako ya Wavuti

Ili kuendesha programu yako ya node.js, tumia amri:

npm kuanza

Ili kuifanya ifanye kazi kwa ufanisi zaidi wakati wa kuweka kificho ili programu yetu isasishe kiatomati baada ya kufanya mabadiliko, tutaweka nodemon.

npm kufunga -g nodemon

Hapa ndipo mafunzo mengi yangekuambia ujifurahishe na kukuacha ujue kazi ngumu ya mguu. Katika hatua zifuatazo nitakutembea ingawa jinsi nilivyojenga programu yangu.

Hatua ya 6: Mikopo

Sio hatua lakini nataka kuorodhesha vyanzo vyangu na msukumo wa mafunzo haya.

Hii Github ReadMe iliandikwa na rafiki mzuri wakati inafanya kazi kwenye mradi wetu wa kubuni mwandamizi na imetumikia kwa msukumo mwingi juu ya jinsi ya kuunda wavuti yangu.

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

Mafunzo haya yalikuwa zana ya kusaidia katika mchakato wa kufanya programu ya wavuti.

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

Kwa habari zaidi kwenye wavuti ya node.js tembelea Sehemu yangu 2.