Sådan bygger du et websted på en Raspberry Pi, med Node.js, Express og MongoDB Del 1: 6 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:28

Velkommen til DEL 1 i min node.js webapp -tutorial. Del 1 går igennem den nødvendige software, der bruges til node.js appudvikling, hvordan man bruger port forwarding, hvordan man bygger en app ved hjælp af Express, og hvordan man kører din app. Den anden del af denne vejledning vil gå over hele koden og strukturen i min fulde webapplikation. Hvis du er klar til det, kan du besøge det her.

Så da jeg byggede min personlige lanceringsside, fandt jeg det meget svært at komme ud af ukrudtet. Der er mere på internettet end jeg nogensinde vil forstå om at opbygge en webside.

Dette er en gennemgang af, hvordan du bruger Node.js, Express og Mongodb. at oprette en webside.

Koden til alt dette er her.

Min webside hedder Internettet. Besøg venligst, hvis du vil have et mere interaktivt kig på et personligt websted.

Jeg startede denne side for at have en personlig tilstedeværelse på internettet med projekter, jeg har udført, med links til mine instruerbare projekter for flere detaljer.

Dette websted er hostet i mit hjem på et pi zero W.

Trin 1: Ting du har brug for

1. Tid. Jeg kan ikke understrege, at det er en langstrakt proces at udvikle et websted og virkelig forstå det indre arbejde. Jeg har en uddannelse i elektroteknik med fokus på mikroelektronik og en kærlighed til kodning, og det tog mig stadig måneder at opnå.

Denne vejledning vil være en god byggesten, men læs mere dokumentation online for at forstå hvert stykke.

2. Hindbær pi - enhver model vil gøre. Også enhver computer, der kører linux, vil gøre det. Faktisk vil enhver computer gøre, jeg går bare nærmere ind på, hvordan man kører den på en pi.

3. Internetforbindelse - hvis du planlægger at være vært for dette for verden. En router eller en netværks switch er nødvendig for at konfigurere portvideresendelse.

4. Software - Enhver kodningsplatform fungerer, Sublime, Webstorm, Notepadd ++, Visual Studios eller andet. Jeg brugte hovedsageligt Webstorm eller Sublime.

Trin 2: Port forwarding på din Raspberry Pi

Så jeg går ud fra, at du allerede har din hindbær pi sat op. Hvis ikke, tjek denne nemme vejledning her.

Min pi kører Jessie lite, og er alt terminal. Fordelen ved dette er, at jeg ikke har masser af processer, der kører i baggrunden, der kan få min server til at køre langsommere med høj trafik. Lad mig nu konstatere, at denne vejledning er til websteder med lav trafik. Ethvert websted med høj trafik vil være langsomt på en pi og kan få din server til at gå ned.

Portvideresendelse

Når din pi er konfigureret, skal du aktivere portvideresendelse på din router eller switch. For at gøre dette skal du finde indstillingerne for portvideresendelse i din router. Hver router er anderledes, jeg viser min Linksys Velop GUI her.

Mit websted er konfigureret til port 3000, dette kan ændres i kildekoden i filen app.js eller www.

Jeg har også port 22 konfigureret til videresendelse, så jeg kan SSH ind i min pi, dette kan opsættes i pi -indstillingerne. SSH er en måde at bruge terminalen på din pi, mens den ikke er på det samme netværk, og også mens du ikke bruger skærmoutput fra pi. Dette giver mig mulighed for at opdatere mit websted fra en anden computer og skubbe ændringerne til mit pi.

Følg billederne for at konfigurere port forwarding.

DNS -service

Du skal bruge en service, der forbinder din ip -adresse med et webadressenavn. Du vil kunne indtaste din routers globale ip -adresse efterfulgt af portnummeret for at få adgang til dit websted. Dette er imidlertid svært, især hvis din globale ip ændres. Hvad en DNS -service gør, er at spore og opdatere disse ændringer, så dit webnavn og ip er forbundet. Jeg vælger at bruge en gratis service via no-ip. Du er velkommen til at betale for alt, hvad du ønsker. Dette er bare en gratis måde, jeg kender til.

www.noip.com/

Trin 3: Installation af påkrævet software på Pi

Hvis du har downloadet min GitHub -kode, behøver du ikke gøre andet end at køre en simpel npm startkommando for at få webstedet til at køre. Da dette imidlertid er en grundig vejledning, vil jeg forklare, hvordan du installerer al nødvendig software og pakker.

Mens du er på din pi- eller linux -computer (der vil være forskellige kommandoer til brug af Windows), skal du køre følgende kommandoer.

Jeg har brudt disse op som individuelle trin for at gøre det lettere at følge.

1. Installer node.js og npm

Node.js er dybest set Java -scriptet, der skaber serveren. NPM er nodepakkehåndterer og håndterer alt det mellemlager, der er nødvendigt med node.js.

Kør følgende kommandoer på en linux- eller mac -maskine for at installere.

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

For at downloade på Windows skal du bare bruge den exe, der findes her.

Dette link er til linux hjælp, hvis ikke på en hindbær pi.

2. Installer MongoDB

MongoDB er netop det, en database. Jeg bruger dette til en login- og trafiktællerdel af min webside.

Kør følgende kommandoer på en linux- eller mac -maskine for at installere.

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 opdatering

sudo apt-get install -y mongodb-org

For at downloade på Windows skal du bare bruge exe'en, der findes her.

Dette link er til linux hjælp, hvis ikke på en hindbær pi.

3. Installer Grunt

Grunt er som npm, da du kan bruge det sammen med andre plugins. Jeg bruger den ikke til min app, men den er meget nyttig, når jeg automatiserer opgaver. Dette trin kan springes helt over, for at din app fungerer.

Brug følgende kommando til Windows, mac eller linux.

npm installer -g grunt -cli

4. Installer Express

Express er en nem måde at bruge node js framework. Vi skal installere en ekspresgenerator. Dette skaber de nemme at bruge rammer for en webapplikation.

Brug følgende kommando til Windows, mac eller linux.

npm installer express -generator -g

Trin 4: Opret en Express Node.js -app

Naviger til den mappeplacering, som du planlægger at have din app i. En gang her vil alle fremtidige installationer være inde i denne mappe.

Kør følgende kommandoer på en linux- eller mac -maskine for at ændre bibliotek.

sudo cd/home/pi/myapp

Til Windows:

cd C: / Brugere / pi / Desktop / myapp

Brug ekspressgeneratoren til at oprette den nødvendige node js -ramme.

udtrykkeligt navn på min app

Dette vil oprette et bare express node.js -projekt, du kan redigere dets funktioner under dette trin ved at finde forskellige kommandoer som vist nedenfor ved hjælp af kommandoen -h. Eller du kan redigere den genererede skabelon manuelt, som jeg har. Jeg vil diskutere dette mere detaljeret i del 2. Du kan tilføje andre variabler til denne kode for at ændre indstillinger i din applikation, f.eks. Ved hjælp af html, styr, jade og andre. Kør kommandoen til dette:

udtrykke -h

Fortsæt med at konfigurere din node.js webapplikation ved at køre følgende kommandoer:

cd navn på min app

npm installation

Dette installerer alle nødvendige pakker, som din node.js webapplikation skal køre og mere, der er tilgængelige til brug.

I dette eksempel ville filstien til applikationen være:

/home/pi/myapp/nameofmyapp

Dette skyldes, at ekspressgeneratoren opretter en fil baseret på den streng, du placerer efter den. Hvis du allerede er i det ønskede bibliotek, skal du bare bruge express.

Trin 5: Kør dit webprogram

For at køre din node.js webapplikation skal du køre kommandoen:

npm start

For at gøre det mere effektivt, mens du koder, så vores applikation opdateres automatisk, efter at vi har foretaget ændringer, installerer vi nodemon.

npm installer -g nodemon

Her er hvor de fleste tutorials vil fortælle dig at have det sjovt med at bygge og lade dig finde ud af det hårde benarbejde. I de næste trin vil jeg guide dig, hvordan jeg byggede min applikation.

Trin 6: Kredit

Ikke rigtig et trin, men jeg vil liste mine kilder og inspiration til denne vejledning.

Denne Github ReadMe blev skrevet af en god ven, mens han arbejdede på vores seniordesignprojekt, og det har tjent til megen inspiration til, hvordan jeg opretter mit websted.

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

Denne vejledning var et nyttigt værktøj i processen med at lave en webapplikation.

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

For mere information om et node.js -websted, besøg min del 2.