Yuav Ua Li Cas Tsim Lub Vev Xaib ntawm Raspberry Pi, Nrog Node.js, Qhia Tawm, thiab MongoDB Ntu 1: 6 Cov Kauj Ruam

2024 Tus sau: John Day | [email protected]. Kawg hloov kho: 2024-01-30 09:27

Txais tos rau PART 1 ntawm kuv node.js web app qhia. Ntu 1 yuav dhau los ntawm cov software tsim nyog siv rau node.js kev txhim kho app, yuav siv chaw nres nkoj xa mus li cas, yuav tsim ib qho app li cas siv Express, thiab yuav ua li cas khiav koj li app. Qhov thib ob ntawm qhov kev qhia no yuav hla tag nrho cov cai thiab tus qauv ntawm kuv daim ntawv thov web tag nrho. Yog koj npaj txhij rau qhov ntawd mus ntsib nws ntawm no.

Yog li, thaum tsim kuv nplooj ntawv tshaj tawm tus kheej Kuv pom nws nyuaj heev kom tawm ntawm cov nyom. Muaj ntau hauv is taws nem ntau dua li txawm tias kuv yuav nkag siab txog kev tsim lub vev xaib.

Nov yog taug kev los ntawm kev siv Node.js, Express, thiab Mongodb. los tsim lub vev xaib.

Cov cai rau txhua qhov ntawm no yog ntawm no.

Kuv lub vev xaib hu ua Internet. Thov mus ntsib yog tias koj xav tau kev sib tham ntau ntxiv ntawm tus kheej lub vev xaib.

Kuv pib nplooj ntawv no kom muaj tus kheej nyob hauv is taws nem nrog cov haujlwm kuv tau ua, nrog txuas rau kuv cov phiaj xwm qhia kom paub ntau ntxiv.

Lub vev xaib no tau tuav hauv kuv lub tsev ntawm tus lej xoom W.

Kauj Ruam 1: Yam Koj Xav Tau

1. Sijhawm. Kuv tsis tuaj yeem nyuab siab tias txhawm rau txhim kho lub xaib, thiab nkag siab tiag tiag txog kev ua haujlwm sab hauv, yog qhov txheej txheem ntev. Kuv tau kawm tiav qib siab hauv kev tsim hluav taws xob nrog tsom mus rau micro electronics, thiab nyiam kev kos duab, thiab qhov no tseem coj kuv lub hlis los ua kom tiav.

Phau ntawv qhia no yuav yog lub tsev thaiv zoo, tab sis thov nyeem ntau cov ntaub ntawv online kom nkag siab txhua daim.

2. Raspberry pi - txhua tus qauv yuav ua. Tsis tas li txhua lub khoos phis tawj khiav linux yuav ua. Qhov tseeb, txhua lub khoos phis tawj yuav ua, Kuv tsuas yog mus rau hauv kev nthuav dav ntxiv yuav ua li cas khiav nws ntawm pi.

3. Kev sib txuas hauv Is Taws Nem - yog tias koj npaj yuav tuav lub ntiaj teb no. Ib lub router lossis hloov pauv lub network xav tau los teeb tsa chaw nres nkoj xa mus.

4. Software - Txhua lub coding platform yuav ua haujlwm, Sublime, Webstorm, Notepadd ++, Visual Studios, lossis lwm yam. Kuv feem ntau siv Webstorm lossis Sublime.

Kauj Ruam 2: Chaw Xa Mus Rau Koj Raspberry Pi

Yog li, kuv yuav xav tias koj twb muaj koj li raspberry pi teeb tsa. Yog tias tsis txheeb xyuas qhov kev qhia yooj yim ntawm no.

Kuv tus pi tab tom khiav Jessie lite, thiab yog txhua lub davhlau ya nyob twg. Qhov txiaj ntsig ntawm qhov no yog qhov kuv tsis muaj ntau cov txheej txheem khiav hauv keeb kwm yav dhau los uas yuav ua rau kuv cov neeg rau zaub mov khiav qeeb nrog cov tsheb loj. Cia kuv hais tam sim no tias qhov kev qhia no yog rau cov chaw muaj tsheb tsawg. Txhua qhov chaw uas muaj tsheb loj yuav qeeb ntawm tus pi thiab tej zaum yuav ua rau koj cov neeg rau zaub mov poob.

Chaw nres nkoj xa mus

Nrog koj tus pi teeb tsa, koj yuav tsum pab kom xa chaw nres nkoj xa mus ntawm koj lub router lossis hloov pauv. Txhawm rau ua qhov no nrhiav qhov chaw teeb tsa xa mus tom ntej hauv koj lub router. Txhua tus router sib txawv, Kuv tab tom qhia kuv li Linksys Velop GUI ntawm no.

Kuv lub xaib tau teeb tsa rau chaw nres nkoj 3000, qhov no tuaj yeem hloov pauv hauv qhov chaws hauv app.js lossis www file.

Kuv kuj muaj chaw nres nkoj 22 teeb tsa rau kev xa mus yog li kuv tuaj yeem SSH rau hauv kuv tus pi, qhov no tuaj yeem teeb tsa hauv pi nqis. SSH yog ib txoj hauv kev siv lub davhlau ya nyob twg ntawm koj tus pi thaum tsis nyob hauv tib lub network, thiab tseem thaum tsis siv cov khoom tso tawm los ntawm pi. Qhov no tso cai rau kuv hloov kho kuv lub vev xaib los ntawm lub khoos phis tawj sib txawv thiab thawb qhov kev hloov pauv rau kuv tus pi.

Ua raws cov duab los teeb tsa chaw nres nkoj xa mus.

Kev Pabcuam DNS

Koj yuav xav tau kev pabcuam uas txuas koj tus IP chaw nyob rau lub npe chaw nyob lub vev xaib. Koj yuav tuaj yeem ntaus koj tus routers thoob ntiaj teb tus IP chaw nyob tom qab tus lej chaw nres nkoj kom nkag mus rau koj lub xaib. Qhov no, txawm li cas los xij, yog qhov nyuaj tshwj xeeb tshaj yog tias koj lub ip thoob ntiaj teb hloov pauv. Qhov kev pabcuam DNS ua dab tsi yog taug qab thiab hloov kho cov kev hloov no kom koj lub vev xaib npe thiab ip txuas nrog. Kuv xaiv siv qhov kev pabcuam dawb los ntawm tsis-ip. Koj zoo siab tos txais them rau txhua yam koj xav tau. Nov tsuas yog txoj hauv kev dawb uas kuv paub txog.

www.noip.com

Kauj Ruam 3: Txhim Kho Qhov Xav Tau Software ntawm Pi

Yog tias koj tau rub tawm kuv tus lej GitHub koj yuav tsis tas yuav ua dab tsi tsuas yog ua haujlwm yooj yim npm pib hais kom ua kom lub xaib khiav. Txawm li cas los xij, txij li qhov no yog kev qhia tob kuv yuav piav qhia yuav ua li cas rau nruab txhua qhov xav tau software thiab pob.

Thaum nyob ntawm koj tus pi, lossis linux computer (yuav muaj cov lus txib sib txawv rau siv lub qhov rais), khiav cov lus txib hauv qab no.

Kuv tau tawg cov no raws li tus kheej cov kauj ruam kom yooj yim ua raws.

1. Nruab node.js thiab npm

Node.js yog qhov pib java tsab ntawv uas tsim cov server. NPM yog tus thawj tswj hwm pob thiab ua haujlwm tag nrho cov khoom nruab nrab xav tau nrog node.js.

Khiav cov lus txib hauv qab no ntawm lub tshuab linux lossis mac rau nruab.

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

Txhawm rau rub tawm ntawm lub qhov rais, tsuas yog siv exe pom ntawm no.

Qhov txuas no yog rau kev pabcuam linux yog tias tsis nyob ntawm raspberry pi.

2. Nruab MongoDB

MongoDB tsuas yog qhov ntawd, cov ntaub ntawv hauv paus. Kuv siv qhov no rau tus ID nkag mus thiab faib cov khoom ntawm kuv nplooj ntawv web page.

Khiav cov lus txib hauv qab no ntawm lub tshuab linux lossis mac rau nruab.

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

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

sudo apt-tau hloov tshiab

sudo apt-tau nruab -y mongodb-org

Txhawm rau rub tawm ntawm lub qhov rais, tsuas yog siv exe pom ntawm no.

Qhov txuas no yog rau kev pabcuam linux yog tias tsis nyob ntawm raspberry pi.

3. Nruab Grunt

Grunt zoo li npm, zoo li koj tuaj yeem siv nws ua ke nrog lwm cov plugins. Kuv tsis siv nws rau kuv li app, txawm li cas los xij nws muaj txiaj ntsig zoo thaum siv lub luag haujlwm tsis siv neeg. Cov kauj ruam no tuaj yeem hla tag nrho rau koj lub app kom ua haujlwm.

Rau windows, mac, lossis linux siv cov lus txib hauv qab no.

npm nruab -g grunt -cli

4. Nruab Express

Kev nthuav qhia yog ib txoj hauv kev yooj yim los siv ntawm js tus qauv. Peb tab tom yuav teeb tsa lub tshuab hluav taws xob nthuav tawm. Qhov no tsim qhov yooj yim siv lub moj khaum ntawm daim ntawv thov web.

Rau windows, mac, lossis linux siv cov lus txib hauv qab no.

npm nruab express -generator -g

Kauj Ruam 4: Tsim Kev Qhia Node.js App

Nkag mus rau qhov chaw nyob uas koj npaj yuav muaj koj li app. Ib zaug ntawm no txhua qhov kev teeb tsa yav tom ntej yuav nyob hauv daim nplaub tshev no.

Khiav cov lus txib hauv qab no ntawm lub tshuab linux lossis mac kom hloov cov npe.

sudo cd/tsev/pi/myapp

Rau Windows:

cd C: / Users / pi / Desktop / myapp

Siv lub tshuab hluav taws xob nthuav tawm los tsim lub node js lub moj khaum uas xav tau.

qhia lub npeofmyapp

Qhov no yuav tsim qhov tsis qhia tawm node.js txoj haujlwm, koj tuaj yeem hloov kho cov yam ntxwv ntawm nws thaum lub sijhawm no los ntawm kev nrhiav cov lus txib sib txawv raws li pom hauv qab no siv -h hais kom ua. Lossis koj tuaj yeem hloov kho tus qauv tsim, zoo li kuv muaj. Kuv yuav tham txog qhov no kom ntxaws hauv ntu 2. Koj muaj peev xwm ntxiv lwm yam hloov pauv rau cov cai no txhawm rau hloov chaw hauv koj daim ntawv thov xws li siv html, tus tuav tes, jade, thiab lwm yam. Rau qhov no khiav cov lus txib:

express -h

Txuas ntxiv teeb tsa koj li node.js web application los ntawm kev ua cov lus txib hauv qab no:

npe cdmf

npm nruab

Qhov no teeb tsa txhua qhov xav tau pob uas koj node.js lub vev xaib thov yuav tsum tau khiav thiab ntau ntxiv uas muaj los siv.

Hauv qhov piv txwv no txoj hauv kev rau daim ntawv thov yog:

/tsev/pi/myapp/nameofmyapp

Qhov no vim tias lub tshuab hluav taws xob nthuav tawm tsim cov ntawv raws li txoj hlua koj tso tom qab nws. Yog tias koj twb nyob hauv cov npe xav tau, tsuas yog siv nthuav.

Kauj Ruam 5: Khiav Koj Lub Vev Xaib

Txhawm rau khiav koj node.js web application, khiav cov lus txib:

npm nce

Txhawm rau ua kom muaj txiaj ntsig ntau dua thaum sau npe yog li peb daim ntawv thov hloov tshiab tom qab peb hloov pauv, peb yuav teeb tsa nodemon.

npm nruab -g nodemon

Nov yog qhov uas feem ntau cov lus qhia yuav qhia koj kom muaj kev lom zem hauv lub tsev thiab tso koj kom paub qhov nyuaj ua haujlwm. Hauv cov kauj ruam tom ntej no kuv yuav taug kev koj txawm tias kuv tsim kuv daim ntawv thov li cas.

Kauj Ruam 6: Credit

Tsis yog ib kauj ruam tiag tiag tab sis kuv xav sau kuv cov peev txheej thiab kev tshoov siab rau qhov kev qhia no.

Qhov Github ReadMe no tau sau los ntawm tus phooj ywg zoo thaum ua haujlwm ntawm peb txoj haujlwm tsim qauv laus thiab nws tau ua haujlwm rau ntau qhov kev tshoov siab hais txog yuav tsim kuv lub xaib li cas.

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

Phau ntawv qhia no yog cov cuab yeej muaj txiaj ntsig zoo hauv cov txheej txheem ntawm kev thov lub vev xaib.

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

Yog xav paub ntxiv ntawm node.js qhov chaw mus ntsib Kuv Tshooj 2.