Kuinka rakentaa verkkosivusto Raspberry Pi: lle, jossa on Node.js, Express ja MongoDB Osa 1: 6 vaihetta

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:02

Tervetuloa nod.js -verkkosovelluksen opetusohjelman osaan 1. Osa 1 käy läpi tarvittavan ohjelmiston, jota käytetään node.js -sovellusten kehittämiseen, kuinka porttien uudelleenohjausta käytetään, miten sovellus luodaan Expressin avulla ja miten sovelluksesi suoritetaan. Tämän opetusohjelman toinen osa kattaa koko verkkosovellukseni koodin ja rakenteen. Jos olet valmis siihen, käy täällä.

Joten henkilökohtaista lanseeraussivua rakentaessani oli erittäin vaikeaa päästä eroon rikkaruohoista. Internetissä on enemmän kuin minä koskaan ymmärrän verkkosivun rakentamisesta.

Tässä on opastusta Node.js-, Express- ja Mongodb -tiedostojen käyttämiseen. verkkosivun luomiseksi.

Kaiken tämän koodi on täällä.

Verkkosivuni nimi on Internet. Käy, jos haluat interaktiivisemman katsauksen henkilökohtaiseen verkkosivustoon.

Aloitin tämän sivun, jotta voisin olla henkilökohtaisesti läsnä Internetissä tekemilläni projekteilla.

Tämä sivusto on kotini isäntä pi nolla W.

Vaihe 1: Tarvitsemasi asiat

1 kerran. En voi korostaa, että sivuston kehittäminen ja sisäisen toiminnan ymmärtäminen on pitkä prosessi. Minulla on sähkötekniikan tutkinto, jossa keskityn mikroelektroniikkaan, ja rakastan koodausta, ja tämä kesti silti kuukausia.

Tämä opetusohjelma on hyvä rakennuspalikka, mutta lue lisää asiakirjoja verkossa ymmärtääksesi kunkin kappaleen.

2. Vadelma pi - mikä tahansa malli sopii. Myös kaikki tietokoneet, joissa on linux, toimivat. Itse asiassa mikä tahansa tietokone tekee, menen vain tarkemmin siihen, miten sitä käytetään pi.

3. Internet -yhteys - jos aiot isännöidä tämän koko maailmalle. Portin uudelleenohjauksen määrittämiseen tarvitaan reititin tai verkkokytkin.

4. Ohjelmisto - Mikä tahansa koodausalusta toimii, Sublime, Webstorm, Notepadd ++, Visual Studios tai mikä tahansa muu. Käytin lähinnä Webstormia tai Sublimea.

Vaihe 2: Portin edelleenlähetys Raspberry Pi -laitteellasi

Joten, aion olettaa, että sinulla on jo valmiina vadelmapi. Jos et, katso tämä helppo opetusohjelma täältä.

Pi on käynnissä Jessie lite, ja se on kaikki päätelaite. Tästä on se hyöty, että minulla ei ole paljon taustalla käynnissä olevia prosesseja, jotka saattavat hidastaa palvelimeni toimintaa suurella liikenteellä. Haluan todeta nyt, että tämä opetusohjelma on tarkoitettu vähäliikenteisille sivustoille. Kaikki sivustot, joilla on paljon liikennettä, ovat hitaita pi -tilassa ja voivat aiheuttaa palvelimen kaatumisen.

Portin uudelleenohjaus

Kun pi on määritetty, sinun on otettava portinsiirto käyttöön reitittimessäsi tai kytkimessäsi. Voit tehdä tämän etsimällä reitittimen portin edelleenlähetysasetukset. Jokainen reititin on erilainen, näytän Linksys Velop GUI: n täällä.

Sivustoni on määritetty porttiin 3000, tämä voidaan muuttaa app.js- tai www -tiedoston lähdekoodissa.

Minulla on myös portti 22 määritetty edelleenlähetystä varten, jotta voin SSH: n piini, tämä voidaan määrittää pi -asetuksissa. SSH on tapa käyttää päätelaitettasi pi: lläsi, kun et ole samassa verkossa, mutta myös silloin, kun et käytä pi: n näyttölähtöä. Tämän avulla voin päivittää verkkosivustoni toiselta tietokoneelta ja siirtää muutokset pi.

Määritä portin edelleenlähetys seuraamalla kuvia.

DNS -palvelu

Tarvitset palvelun, joka yhdistää IP -osoitteesi verkko -osoitteen nimeen. Voit kirjoittaa reitittimen globaalin IP -osoitteen ja portin numeron päästäksesi sivustoosi. Tämä on kuitenkin vaikeaa varsinkin jos globaali IP -osoitteesi muuttuu. DNS -palvelu seuraa ja päivittää näitä muutoksia, jotta verkkosi nimi ja IP -osoite yhdistetään. Päätän käyttää ilmaista palvelua no-ip: n kautta. Olet tervetullut maksamaan kaikesta mitä haluat. Tämä on vain ilmainen tapa, jonka tiedän.

www.noip.com/

Vaihe 3: Tarvittavan ohjelmiston asentaminen Pi: hen

Jos olet ladannut GitHub -koodini, sinun ei tarvitse tehdä muuta kuin suorittaa yksinkertainen npm start -komento sivuston käynnistämiseksi. Koska tämä on kuitenkin syvällinen opetusohjelma, selitän kuinka kaikki tarvittavat ohjelmistot ja paketit asennetaan.

Suorita seuraavat komennot pi- tai linux -tietokoneellasi (ikkunoiden käyttämiseen on erilaisia komentoja).

Olen jakanut nämä yksittäisiksi vaiheiksi helpottaakseni niiden seuraamista.

1. Asenna node.js ja npm

Node.js on pohjimmiltaan java -komentosarja, joka luo palvelimen. NPM on solmupakettien hallinta ja käsittelee kaikki tarvittavat keskisovellukset, joita tarvitaan node.js.

Suorita seuraavat komennot asentaaksesi linux- tai mac -koneella.

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

Jos haluat ladata Windowsiin, käytä vain täältä löytyvää exeä.

Tämä linkki on linux -apu, jos ei vadelmapi.

2. Asenna MongoDB

MongoDB on juuri se, tietokanta. Käytän tätä verkkosivuni kirjautumis- ja liikennelaskuriosaan.

Suorita seuraavat komennot asentaaksesi linux- tai mac -koneella.

sudo apt-key adv-avainpalvelin 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 päivitys

sudo apt-get install -y mongodb-org

Jos haluat ladata Windowsiin, käytä vain täältä löytyvää exeä.

Tämä linkki on linux -apu, jos ei vadelmapi.

3. Asenna Grunt

Grunt on kuin npm, koska voit käyttää sitä yhdessä muiden laajennusten kanssa. En käytä sitä sovelluksessani, mutta se on erittäin hyödyllinen tehtävien automatisoinnissa. Tämä vaihe voidaan ohittaa kokonaan, jotta sovelluksesi toimii.

Windows-, mac- tai Linux -käyttöjärjestelmissä käytä seuraavaa komentoa.

npm asenna -g grunt -cli

4. Asenna Express

Express on helppo tapa käyttää solmun js -kehystä. Aiomme asentaa pikageneraattorin. Tämä luo verkkosovelluksen helppokäyttöisen kehyksen.

Windows-, mac- tai Linux -käyttöjärjestelmissä käytä seuraavaa komentoa.

npm asenna express -generaattori -g

Vaihe 4: Luo Express Node.js -sovellus

Siirry kansion sijaintiin, jossa aiot käyttää sovellustasi. Kun olet täällä, kaikki tulevat asennukset ovat tämän kansion sisällä.

Vaihda hakemistoa suorittamalla seuraavat komennot linux- tai mac -koneella.

sudo cd/home/pi/myapp

Windows:

cd C: / Users / pi / Desktop / myapp

Luo tarvittava solmun js -kehys pikageneraattorin avulla.

ilmaista sovelluksen nimi

Tämä luo paljaan express node.js -projektin, voit muokata sen ominaisuuksia tämän vaiheen aikana etsimällä erilaisia komentoja alla kuvatulla tavalla käyttämällä -h -komentoa. Tai voit muokata luotua mallia manuaalisesti, kuten minulla on. Keskustelen tästä tarkemmin osassa 2. Voit lisätä tähän koodiin muita muuttujia muuttaaksesi sovelluksesi asetuksia, kuten html-, ohjaustanko-, jade- ja muita. Tätä varten suorita komento:

ilmaista -h

Jatka node.js -verkkosovelluksen määrittämistä suorittamalla seuraavat komennot:

cd -nimi sovellukselleni

npm asennus

Tämä asentaa kaikki tarvittavat paketit, jotka node.js -verkkosovelluksesi tarvitsee suorittaa, ja muita käytettävissä olevia paketteja.

Tässä esimerkissä sovelluksen tiedostopolku olisi:

/home/pi/myapp/nameofmyapp

Tämä johtuu siitä, että pikageneraattori luo tiedoston sen jälkeen kirjoittamasi merkkijonon perusteella. Jos olet jo haluamassasi hakemistossa, käytä vain expressia.

Vaihe 5: Suorita verkkosovellus

Suorita node.js -verkkosovellus suorittamalla komento:

npm alku

Asenna nodemon, jotta se olisi tehokkaampi koodauksen aikana, jotta sovelluksemme päivittyy automaattisesti muutosten jälkeen.

npm install -g nodemon

Täällä useimmat opetusohjelmat kertovat sinulle hauskaa rakentamista ja jättävät sinut selvittämään kovan jalkatyön. Seuraavissa vaiheissa aion opastaa sinua siitä, miten rakensin sovellukseni.

Vaihe 6: Luotto

Ei oikeastaan askel, mutta haluan luetella lähteeni ja inspiraationi tähän opetusohjelmaan.

Tämän Github ReadMen kirjoitti hyvä ystävä työskennellessään vanhemman suunnitteluprojektimme parissa, ja se on antanut paljon inspiraatiota sivustoni luomiseen.

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

Tämä opetusohjelma oli hyödyllinen työkalu verkkosovelluksen tekemisessä.

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

Lisätietoja node.js -sivustosta on osassa 2.