Weboldal készítése Raspberry Pi -n, Node.js, Express és MongoDB segítségével 1. rész: 6 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:42

Üdvözöljük a node.js webes alkalmazás bemutató 1. RÉSZÉBEN. Az 1. rész áttekinti a node.js alkalmazásfejlesztéshez szükséges szoftvereket, a portátirányítás használatát, az alkalmazás létrehozását az Express használatával és az alkalmazás futtatását. Ennek az oktatóanyagnak a második része átfogja a teljes webalkalmazásom összes kódját és szerkezetét. Ha készen áll erre, látogasson el ide.

Így a személyes bevezető oldalam építése közben nagyon nehéz volt kiszabadulni a gyomokból. Több van az interneten, mint amit valaha is megértek a weboldal készítéséről.

Ez egy útmutató a Node.js, az Express és a Mongodb használatáról. weboldal létrehozásához.

Mindezek kódja itt található.

Weblapom neve Internet. Kérjük, látogasson el, ha interaktívabb megjelenést szeretne megtekinteni egy személyes webhelyen.

Azért indítottam ezt az oldalt, hogy személyesen is jelen lehessek az interneten az általam elvégzett projektekkel, linkekkel az oktatható projektjeimhez további részletekért.

Ezt az oldalt az otthonomban üzemeltetik egy pi nulla W -on.

1. lépés: A szükséges dolgok

1. Idő. Nem tudom hangsúlyozni, hogy egy oldal fejlesztése és a belső működés valódi megértése hosszú folyamat. Villamosmérnöki diplomám van, a mikroelektronikára összpontosítva, és szeretem a kódolást, és ennek ellenére hónapokba telt.

Ez az oktatóanyag jó építőelem lesz, de kérjük, olvassa el az online dokumentációt, hogy megértse az egyes részeket.

2. Raspberry pi - bármelyik modell megteszi. Ezenkívül minden linuxos számítógép képes rá. Valójában bármelyik számítógép megteszi, csak részletesebben kifejtem, hogyan kell futtatni pi -n.

3. Internetkapcsolat - ha azt tervezi, hogy ennek a világnak otthont ad. A porttovábbítás konfigurálásához útválasztóra vagy hálózati kapcsolóra van szükség.

4. Szoftver - Bármilyen kódolási platform működni fog, Sublime, Webstorm, Notepadd ++, Visual Studios vagy bármi más. Elsősorban a Webstormot vagy a Sublime -t használtam.

2. lépés: Porttovábbítás a Raspberry Pi -n

Tehát feltételezem, hogy már be van állítva a málna pi. Ha nem, nézze meg ezt az egyszerű bemutatót itt.

A pi -n Jessie lite fut, és minden terminál. Ennek az az előnye, hogy nem sok olyan folyamat fut a háttérben, amelyek miatt a kiszolgálóm lassabban futhat nagy forgalom mellett. Hadd mondjam el most, hogy ez az oktatóanyag alacsony forgalmú webhelyekhez készült. A nagy forgalmú webhelyek lassúak lesznek a pi -n, és összeomolhatnak a szerverrel.

Port továbbítás

A pi beállításával engedélyeznie kell a porttovábbítást az útválasztón vagy a kapcsolón. Ehhez keresse meg a portátirányítási beállításokat az útválasztóban. Minden útválasztó más, itt mutatom meg a Linksys Velop GUI -t.

A webhelyem a 3000 -es portra van konfigurálva, ez megváltoztatható az app.js vagy a www fájl forráskódjában.

A 22 -es portot is beállítottam a továbbításhoz, így SSH -t tudok használni a pi -ben, ezt a pi beállításokban lehet beállítani. Az SSH egy módja annak, hogy használja a terminált a pi -n, miközben nem ugyanazon a hálózaton van, és nem használja a pi megjelenítési kimenetét. Ez lehetővé teszi számomra, hogy frissítsem a webhelyemet egy másik számítógépről, és áthelyezzem a módosításokat a pi -re.

A portátirányítás beállításához kövesse a képeket.

DNS szolgáltatás

Szükséged lesz egy szolgáltatásra, amely összekapcsolja az ip -címedet a webcím nevével. A webhely eléréséhez be tudja írni az útválasztók globális IP -címét, majd a portszámot. Ez azonban nehéz, különösen akkor, ha a globális ip megváltozik. A DNS -szolgáltatás nyomon követi és frissíti ezeket a változásokat, hogy a webnév és az ip össze legyenek kapcsolva. Úgy döntök, hogy ingyenes szolgáltatást használok no-ip-n keresztül. Szívesen fizet mindenért, amit akar. Ez csak egy ingyenes módszer, amit ismerek.

www.noip.com/

3. lépés: Szükséges szoftver telepítése a Pi -re

Ha letöltötte a GitHub kódomat, akkor nem kell mást tennie, mint futtatnia egy egyszerű npm start parancsot a webhely futtatásához. Mivel azonban ez egy részletes oktatóanyag, elmagyarázom, hogyan kell telepíteni az összes szükséges szoftvert és csomagot.

A pi vagy linuxos számítógépen (a Windows használatához különböző parancsok lesznek) futtassa a következő parancsokat.

Ezeket külön lépésként bontottam fel, hogy könnyebben lehessen követni.

1. Telepítse a node.js és az npm parancsokat

A Node.js alapvetően a java szkript, amely létrehozza a szervert. Az NPM a csomópont csomagkezelője, és kezeli az összes szükséges középső terméket a node.js használatával.

A telepítéshez futtassa a következő parancsokat Linux vagy Mac gépen.

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

A Windows -ról történő letöltéshez használja az itt található exe -t.

Ez a link a Linux segítségére szolgál, ha nem egy málna pi -n.

2. Telepítse a MongoDB -t

A MongoDB csak ilyen, adatbázis. Ezt a weboldalam bejelentkezési és forgalomszámláló részéhez használom.

A telepítéshez futtassa a következő parancsokat Linux vagy Mac gépen.

sudo apt-key adv-kulcsszerver 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

A Windows -ról történő letöltéshez használja az itt található exe -t.

Ez a link a Linux segítségére szolgál, ha nem egy málna pi -n.

3. Telepítse a Grunt alkalmazást

A Grunt olyan, mint az npm, mivel más bővítményekkel együtt használhatja. Nem használom az alkalmazásomhoz, de nagyon hasznos a feladatok automatizálásakor. Ez a lépés teljesen kihagyható az alkalmazás működéséhez.

Windows, mac vagy linux esetén használja a következő parancsot.

npm install -g grunt -cli

4. Telepítse az Express programot

Az Express egy egyszerű módja a csomópont js keretrendszer használatának. Expressz generátort telepítünk. Ez létrehozza a webalkalmazás könnyen használható keretét.

Windows, mac vagy linux esetén használja a következő parancsot.

npm express -generator telepítése -g

4. lépés: Hozzon létre egy Express Node.js alkalmazást

Keresse meg azt a mappát, ahol az alkalmazást tervezi. Ha már itt van, minden további telepítés ebben a mappában lesz.

A könyvtár megváltoztatásához futtassa a következő parancsokat Linux vagy Mac gépen.

sudo cd/home/pi/myapp

Windows esetén:

cd C: / Users / pi / Desktop / myapp

Használja az expressz generátort a szükséges csomópont js keret létrehozásához.

expressz myof appap

Ez létrehoz egy csupasz expressz csomópont.js projektet, és szerkesztheti annak jellemzőit ebben a lépésben azáltal, hogy különböző parancsokat talál az alábbiak szerint a -h paranccsal. Vagy manuálisan szerkesztheti a létrehozott sablont, mint én. Ezt részletesebben a 2. részben fogom tárgyalni. Más változókat is hozzáadhat ehhez a kódhoz az alkalmazás beállításainak módosításához, például a html, a kormány, a jade és mások használatához. Ehhez futtassa a parancsot:

expressz -h

Folytassa a node.js webes alkalmazás beállítását a következő parancsok futtatásával:

cd nameofmyapp

npm telepítés

Ez telepíti az összes szükséges csomagot, amelyeket a node.js webes alkalmazásnak futtatnia kell, és további felhasználható csomagokat.

Ebben a példában az alkalmazás fájl elérési útja a következő lenne:

/home/pi/myapp/nameofmyapp

Ennek oka az, hogy az expressz generátor egy fájlt hoz létre az utána elhelyezett karakterlánc alapján. Ha már a kívánt könyvtárban van, használja az expresszet.

5. lépés: Futtassa webes alkalmazását

A node.js webes alkalmazás futtatásához futtassa a következő parancsot:

npm kezdés

Annak érdekében, hogy hatékonyabbá tegyük a kódolást, hogy alkalmazásunk a frissítések után automatikusan frissüljön, telepítjük a nodemont.

npm install -g nodemon

Itt a legtöbb oktatóanyag azt mondja, hogy érezze jól magát az építkezésben, és hagyja, hogy kitalálja a kemény lábmunkát. A következő lépésekben bemutatom, hogyan építettem fel az alkalmazásomat.

6. lépés: Hitel

Nem igazán egy lépés, de szeretném felsorolni a forrásaimat és az inspirációt ehhez az oktatóanyaghoz.

Ezt a Github ReadMe -t egy jó barátom írta, amikor a vezető tervezési projektünkön dolgozott, és sok inspirációt szolgált webhelyem létrehozásához.

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

Ez az oktatóanyag hasznos eszköz volt egy webes alkalmazás készítésének folyamatában.

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

Ha többet szeretne megtudni a node.js webhelyről, keresse fel a 2. részt.