Turinys:
- 1 žingsnis: reikalingi dalykai
- 2 veiksmas: uosto persiuntimas jūsų „Raspberry Pi“
- 3 veiksmas: reikalingos programinės įrangos įdiegimas „Pi“
- 4 veiksmas: sukurkite „Express Node.js“programą
- 5 veiksmas: paleiskite žiniatinklio programą
- 6 žingsnis: kreditas
Video: Kaip sukurti svetainę „Raspberry Pi“naudojant „Node.js“, „Express“ir „MongoDB“1 dalis: 6 veiksmai
2024 Autorius: John Day | [email protected]. Paskutinį kartą keistas: 2024-01-30 10:47
Sveiki atvykę į mano „nod.js“žiniatinklio programos mokymo programos 1 DALĮ. 1 dalyje bus nagrinėjama reikalinga programinė įranga, naudojama programai „node.js“kurti, kaip naudoti prievadų peradresavimą, kaip sukurti programą naudojant „Express“ir kaip paleisti programą. Antroji šios pamokos dalis apims visą mano visos žiniatinklio programos kodą ir struktūrą. Jei esate tam pasiruošęs, apsilankykite čia.
Taigi, kurdamas asmeninį paleidimo puslapį, man buvo labai sunku išeiti iš piktžolių. Internete yra daugiau nei aš kada nors suprasiu apie tinklalapio kūrimą.
Čia aprašoma, kaip naudotis „Node.js“, „Express“ir „Mongodb“. sukurti tinklalapį.
Viso to kodas yra čia.
Mano tinklalapis vadinamas Internetu. Apsilankykite, jei norite interaktyviau pažvelgti į asmeninę svetainę.
Pradėjau šį puslapį norėdamas asmeniškai pasirodyti internete su projektais, kuriuos padariau, su nuorodomis į mano instrukcinius projektus, kad gautumėte daugiau informacijos.
Ši svetainė yra priglobta mano namuose pi n W.
1 žingsnis: reikalingi dalykai
1. Laikas. Negaliu pabrėžti, kad sukurti svetainę ir iš tikrųjų suprasti vidinę veiklą yra ilgas procesas. Turiu elektrotechnikos išsilavinimą, daugiausia dėmesio skiriu mikroelektronikai, ir myliu kodavimą, ir man vis tiek prireikė mėnesių.
Ši pamoka bus geras elementas, tačiau perskaitykite daugiau dokumentų internete, kad suprastumėte kiekvieną kūrinį.
2. Aviečių pi - tiks bet koks modelis. Taip pat tinka bet kuris kompiuteris, kuriame veikia „Linux“. Tiesą sakant, bet kuris kompiuteris tai padarys, aš tik išsamiau paaiškinsiu, kaip jį paleisti „pi“.
3. Interneto ryšys - jei planuojate tai priimti visame pasaulyje. Norint sukonfigūruoti prievado peradresavimą, reikalingas maršrutizatorius arba tinklo jungiklis.
4. Programinė įranga - veiks bet kuri kodavimo platforma, „Sublime“, „Webstorm“, „Notepadd ++“, „Visual Studios“ar bet kas kitas. Aš daugiausia naudojau „Webstorm“arba „Sublime“.
2 veiksmas: uosto persiuntimas jūsų „Raspberry Pi“
Taigi, aš darysiu prielaidą, kad jūs jau nustatėte savo aviečių pi. Jei ne, patikrinkite šią paprastą pamoką čia.
Mano pi veikia „Jessie lite“ir yra visas terminalas. Tai naudinga, nes neturiu daug procesų, veikiančių fone, dėl kurių mano serveris galėtų veikti lėčiau, kai yra didelis srautas. Dabar leiskite man pasakyti, kad ši pamoka skirta mažo srauto svetainėms. Bet kuri svetainė, kurioje yra didelis srautas, bus lėta ir gali sukelti serverio gedimą.
Uosto ekspedijavimas
Nustatę „pi“, turėsite įgalinti prievado peradresavimą maršrutizatoriuje arba jungiklyje. Norėdami tai padaryti, suraskite maršrutizatoriaus prievado peradresavimo nustatymus. Kiekvienas maršrutizatorius yra skirtingas, čia rodau savo „Linksys Velop“GUI.
Mano svetainė sukonfigūruota į 3000 prievadą, tai galima pakeisti naudojant kodą programoje app.js arba www.
Aš taip pat turiu 22 prievadą, skirtą persiųsti, kad galėčiau SSH prisijungti prie savo pi, tai galima nustatyti pi nustatymuose. SSH yra būdas naudoti terminalą savo pi, kai jis nėra tame pačiame tinkle, taip pat nenaudojant ekrano išvesties iš pi. Tai leidžia man atnaujinti savo svetainę iš kito kompiuterio ir perkelti pakeitimus į savo pi.
Sekite paveikslėlius, kad nustatytumėte prievado persiuntimą.
DNS paslauga
Jums reikės paslaugos, kuri susieja jūsų IP adresą su žiniatinklio adreso pavadinimu. Galėsite įvesti savo maršrutizatoriaus visuotinį IP adresą ir prievado numerį, kad pasiektumėte savo svetainę. Tačiau tai sunku, ypač jei keičiasi jūsų pasaulinis IP. DNS paslauga stebi ir atnaujina šiuos pakeitimus, kad jūsų žiniatinklio pavadinimas ir IP būtų susieti. Aš renkuosi naudotis nemokama paslauga per „no-ip“. Kviečiame sumokėti už viską, ko norite. Tai tik nemokamas būdas, kurį žinau.
www.noip.com/
3 veiksmas: reikalingos programinės įrangos įdiegimas „Pi“
Jei atsisiuntėte mano „GitHub“kodą, jums nereikės nieko daryti, išskyrus paleisti paprastą „npm start“komandą, kad svetainė veiktų. Tačiau kadangi tai yra išsami pamoka, paaiškinsiu, kaip įdiegti visą reikalingą programinę įrangą ir paketus.
Būdami savo „pi“arba „Linux“kompiuteryje (bus skirtingos „Windows“naudojimo komandos), paleiskite šias komandas.
Aš juos suskaidiau kaip atskirus veiksmus, kad būtų lengviau sekti.
1. Įdiekite node.js ir npm
„Node.js“iš esmės yra „Java“scenarijus, sukuriantis serverį. NPM yra mazgų paketų tvarkyklė ir tvarko visą reikalingą vidurinę įrangą su node.js.
Norėdami įdiegti, paleiskite šias komandas „Linux“arba „Mac“kompiuteryje.
curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash sudo apt -get install -y nodejs
Norėdami atsisiųsti iš „Windows“, tiesiog naudokite čia rastą „exe“.
Ši nuoroda skirta „Linux“pagalbai, jei ne „Raspberry pi“.
2. Įdiekite „MongoDB“
„MongoDB“yra tik tokia duomenų bazė. Aš naudoju tai savo tinklalapio prisijungimo ir srauto skaitiklio daliai.
Norėdami įdiegti, paleiskite šias komandas „Linux“arba „Mac“kompiuteryje.
sudo apt-key adv-keyserver 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 atnaujinimas
sudo apt-get install -y mongodb-org
Norėdami atsisiųsti iš „Windows“, tiesiog naudokite čia rastą „exe“.
Ši nuoroda skirta „Linux“pagalbai, jei ne „Raspberry pi“.
3. Įdiekite „Grunt“
„Grunt“yra kaip npm, nes galite jį naudoti kartu su kitais papildiniais. Aš jo nenaudoju savo programai, tačiau tai labai naudinga automatizuojant užduotis. Šį veiksmą galima visiškai praleisti, kad programa veiktų.
„Windows“, „Mac“ar „Linux“naudokite šią komandą.
npm įdiegti -g grunt -cli
4. Įdiekite „Express“
„Express“yra paprastas būdas naudoti mazgo js sistemą. Mes ketiname įdiegti greitąjį generatorių. Tai sukuria lengvai naudojamą žiniatinklio programos sistemą.
„Windows“, „Mac“ar „Linux“naudokite šią komandą.
npm įdiegti greitąjį generatorių -g
4 veiksmas: sukurkite „Express Node.js“programą
Eikite į aplanko vietą, kurioje planuojate turėti savo programą. Kai būsite čia, visi būsimi diegimai bus šio aplanko viduje.
Norėdami pakeisti katalogą, „Linux“arba „Mac“kompiuteryje paleiskite šias komandas.
sudo cd/home/pi/myapp
„Windows“:
cd C: / Users / pi / Desktop / myapp
Naudokite greitąjį generatorių, kad sukurtumėte reikiamą mazgo js sistemą.
išreikšti savo programos pavadinimą
Taip bus sukurtas plikas express node.js projektas, šio veiksmo metu galite redaguoti jo funkcijas, suradę skirtingas komandas, kaip parodyta žemiau, naudodami komandą -h. Arba galite rankiniu būdu redaguoti sukurtą šabloną, kaip aš. Apie tai išsamiau aptarsiu 2 dalyje. Prie šio kodo galite pridėti kitų kintamųjų, kad pakeistumėte savo programos nustatymus, pvz., Naudodami html, vairą, nefritą ir kitus. Norėdami tai padaryti, paleiskite komandą:
išreikšti -h
Tęskite žiniatinklio programos „node.js“sąranką vykdydami šias komandas:
kompaktinio disko pavadinimas
npm įdiegti
Taip įdiegiami visi reikalingi paketai, kuriuos reikės paleisti žiniatinklio programai „node.js“, ir dar daugiau, kuriuos galima naudoti.
Šiame pavyzdyje programos failo kelias būtų toks:
/home/pi/myapp/nameofmyapp
Taip yra todėl, kad greitasis generatorius sukuria failą pagal eilutę, kurią įdėjote po jo. Jei jau esate norimame kataloge, tiesiog naudokite „express“.
5 veiksmas: paleiskite žiniatinklio programą
Norėdami paleisti žiniatinklio programą node.js, paleiskite komandą:
npm pradžia
Kad kodavimas būtų efektyvesnis, kad mūsų programa automatiškai atsinaujintų atlikus pakeitimus, įdiegsime „nodemon“.
npm įdiegti -g nodemon
Štai kur dauguma vadovėlių lieps jums smagiai kurti ir leis jums išsiaiškinti sunkų darbą. Kituose žingsniuose aš jums pasakysiu, kaip sukūriau savo programą.
6 žingsnis: kreditas
Tikrai ne žingsnis, bet noriu išvardyti savo šaltinius ir įkvėpimą šiai pamokai.
Šią „Github ReadMe“parašė geras draugas, dirbdamas prie mūsų vyresniojo dizaino projekto, ir tai suteikė daug įkvėpimo, kaip sukurti mano svetainę.
github.com/SDP-DT04/Web-Application/blob/m…
Ši pamoka buvo naudinga priemonė kuriant žiniatinklio programą.
kroltech.com/2013/12/29/boilerplate-web-app…
Norėdami gauti daugiau informacijos apie node.js svetainę, apsilankykite mano 2 dalyje.
Rekomenduojamas:
Pasidaryk pats -- Kaip sukurti robotą vorą, kurį galima valdyti naudojant išmanųjį telefoną naudojant „Arduino Uno“: 6 veiksmai
Pasidaryk pats || Kaip sukurti voratinklio robotą, kurį galima valdyti naudojant išmanųjį telefoną naudojant „Arduino Uno“: Gaminant „Spider“robotą, galima sužinoti tiek daug apie robotiką. Kaip ir robotų kūrimas yra įdomus ir sudėtingas. Šiame vaizdo įraše parodysime, kaip sukurti robotą „Voras“, kurį galime valdyti naudodami savo išmanųjį telefoną (Androi
Kaip sukurti pagrindinę svetainę naudojant „Notepad“: 4 žingsniai
Kaip sukurti pagrindinę svetainę naudojant „Notepad“: ar kas nors susimąstė: „Kaip sukurti svetainę iš pagrindinės rašymo programos?“Na, aišku, ne konkrečiai … Bet kokiu atveju, čia aš jums parodysiu, kaip sukurti PAGRINDINĮ svetainę naudojant tik užrašų knygelę
Kaip sukurti elegantišką ir paprastą svetainę naudojant „Bootstrap 4: 7“veiksmus
Kaip sukurti elegantišką ir paprastą svetainę naudojant „Bootstrap 4“: Šios instrukcijos tikslas yra supažindinti su programavimu - HTML ar kitu būdu - susipažinusį paprastą įvadą į internetinio portfelio kūrimą naudojant „Bootstrap 4“. Aš padėsiu jums atlikti pradinę sąranką svetainėje, kaip sukurti keletą
Kaip sukurti pranešimų lentos svetainę naudojant PHP ir MYSQL: 5 žingsniai
Kaip sukurti pranešimų lentos svetainę naudojant PHP ir MYSQL: Ši instrukcija parodys, kaip sukurti pranešimų lentos svetainę naudojant php, mysql, html ir css. Jei esate naujokas interneto kūrimo srityje, nesijaudinkite, bus išsamūs paaiškinimai ir analogijos, kad galėtumėte geriau suprasti sąvokas. Mat
Kaip sukurti autonominį krepšinio žaidimo robotą, naudojant „IRobot“, sukurti kaip pagrindą: 7 žingsniai (su paveikslėliais)
Kaip sukurti autonominį krepšinio žaidimo robotą naudojant „IRobot“sukurti kaip pagrindą: tai mano įrašas, skirtas iššūkiui „iRobot Create“. Sunkiausia viso šio proceso dalis buvo nuspręsti, ką robotas ketina daryti. Norėjau pademonstruoti puikias „Create“savybes, kartu pridėdamas šiek tiek robo nuojautos. Visas mano