Jak vytvořit web na Raspberry Pi s Node.js, Express a MongoDB Část 1: 6 kroků

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:22

Vítejte v ČÁSTI 1 mého tutoriálu o webové aplikaci node.js. Část 1 se bude zabývat potřebným softwarem používaným pro vývoj aplikací node.js, jak používat přesměrování portů, jak vytvořit aplikaci pomocí Express a jak spustit vaši aplikaci. Druhá část tohoto tutoriálu se bude zabývat veškerým kódem a strukturou mé plné webové aplikace. Pokud jste na to připraveni, navštivte jej zde.

Takže při budování mé osobní úvodní stránky bylo velmi obtížné dostat se z plevele. Na internetu je toho o tvorbě webové stránky víc, než bych kdy pochopil.

Toto je procházka, jak používat Node.js, Express a Mongodb. k vytvoření webové stránky.

Kód toho všeho je zde.

Moje webová stránka se nazývá Internet. Navštivte prosím, pokud chcete interaktivnější pohled na osobní webové stránky.

Začal jsem tuto stránku, abych měl osobní přítomnost na internetu s projekty, které jsem udělal, s odkazy na mé projekty instructables pro další podrobnosti.

Tento web je umístěn v mém domě na pí nulové W.

Krok 1: Věci, které potřebujete

1 krát. Nemohu zdůraznit, že vyvinout web a porozumět vnitřnímu fungování je dlouhodobý proces. Mám diplom z elektrotechniky se zaměřením na mikroelektroniku a lásku ke kódování, a to mi trvalo měsíce, než jsem to dokázal.

Tento tutoriál bude dobrým stavebním kamenem, ale přečtěte si další dokumentaci online, abyste porozuměli každému dílu.

2. Raspberry pi - postačí jakýkoli model. Postačí také jakýkoli počítač se systémem Linux. Ve skutečnosti to udělá každý počítač, jen se podrobněji zabývám tím, jak jej spustit na pí.

3. Připojení k internetu - pokud plánujete hostit toto ve světě. Ke konfiguraci přesměrování portů je potřeba směrovač nebo síťový přepínač.

4. Software - bude fungovat jakákoli platforma pro kódování, Sublime, Webstorm, Notepadd ++, Visual Studios nebo cokoli jiného. Používal jsem hlavně Webstorm nebo Sublime.

Krok 2: Přesměrování portů na vašem Raspberry Pi

Budu tedy předpokládat, že už máte svůj malinový pi nastavený. Pokud ne, podívejte se na tento snadný návod zde.

Moje pí běží Jessie lite a je vše terminál. Výhodou je, že nemám na pozadí spuštěno mnoho procesů, které by mohly způsobit, že můj server poběží pomaleji při vysokém provozu. Dovolte mi nyní uvést, že tento návod je pro weby s nízkým provozem. Jakýkoli web s vysokým provozem bude na pí pomalý a může způsobit selhání serveru.

Předávání portů

Po nastavení pi budete muset povolit přesměrování portů na routeru nebo přepínači. Chcete -li to provést, najděte nastavení přesměrování portů ve směrovači. Každý router je jiný, zde ukazuji své Linksys Velop GUI.

Můj web je nakonfigurován na port 3000, to lze změnit ve zdrojovém kódu v souboru app.js nebo www.

Mám také nastaven port 22 pro přeposílání, abych mohl SSH do svého pí, to lze nastavit v nastavení pi. SSH je způsob, jak používat terminál na vašem pí, když nejste ve stejné síti, a také když nepoužíváte zobrazovací výstup z pí. To mi umožňuje aktualizovat své webové stránky z jiného počítače a odeslat změny do mého pí.

Postupujte podle obrázků a nastavte přesměrování portů.

Služba DNS

Budete potřebovat službu, která propojí vaši IP adresu s názvem webové adresy. Pro přístup na váš web budete moci zadat globální IP adresu routeru následovanou číslem portu. To je však obtížné, zejména pokud se změní vaše globální IP. Služba DNS sleduje a aktualizuje tyto změny, aby byly propojeny vaše webové jméno a IP. Rozhodl jsem se použít bezplatnou službu prostřednictvím no-ip. Můžete zaplatit za cokoli, co chcete. Toto je jen bezplatný způsob, o kterém vím.

www.noip.com/

Krok 3: Instalace potřebného softwaru na Pi

Pokud jste si stáhli můj kód GitHub, nebudete muset dělat nic kromě spuštění jednoduchého příkazu npm start, aby se web spustil. Jelikož se však jedná o podrobný návod, vysvětlím, jak nainstalovat veškerý potřebný software a balíčky.

Na počítači pi nebo linux (pro používání systému Windows budou různé příkazy) spusťte následující příkazy.

Rozdělil jsem je na jednotlivé kroky, aby bylo snazší je sledovat.

1. Nainstalujte node.js a npm

Node.js je v podstatě java skript, který vytváří server. NPM je správce balíčků uzlů a zpracovává veškerý střední hardware potřebný pro node.js.

Chcete -li nainstalovat, spusťte na počítači se systémem Linux nebo Mac následující příkazy.

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

Ke stažení na Windows použijte exe, který najdete zde.

Tento odkaz slouží pro pomoc s Linuxem, pokud ne na malinovém pi.

2. Nainstalujte MongoDB

MongoDB je právě to, databáze. Používám to pro část své webové stránky pro přihlášení a počítadlo provozu.

Chcete -li nainstalovat, spusťte na počítači se systémem Linux nebo Mac následující příkazy.

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 update

sudo apt-get install -y mongodb-org

Ke stažení na Windows použijte exe, který najdete zde.

Tento odkaz slouží pro pomoc s Linuxem, pokud ne na malinovém pi.

3. Nainstalujte si Grunt

Grunt je jako npm, protože jej můžete použít ve spojení s jinými pluginy. Nepoužívám to pro svou aplikaci, ale je to velmi užitečné při automatizaci úkolů. Tento krok lze zcela přeskočit, aby vaše aplikace fungovala.

Pro Windows, mac nebo linux použijte následující příkaz.

npm install -g grunt -cli

4. Nainstalujte Express

Express je snadný způsob, jak používat framework js. Nainstalujeme expresní generátor. To vytváří snadno použitelný rámec webové aplikace.

Pro Windows, mac nebo linux použijte následující příkaz.

npm install express -generator -g

Krok 4: Vytvořte aplikaci Express Node.js

Přejděte do umístění složky, ve které chcete mít svoji aplikaci. Jakmile budou tady, budou všechny budoucí instalace uvnitř této složky.

Chcete -li změnit adresář, spusťte na počítači se systémem Linux nebo Mac následující příkazy.

sudo cd/home/pi/myapp

Pro Windows:

cd C: / Users / pi / Desktop / myapp

Pomocí expresního generátoru vytvořte potřebný framework uzlu js.

expresní jménoofapp

Tím se vytvoří holý expresní projekt node.js, jehož funkce můžete během tohoto kroku upravit vyhledáním různých příkazů, jak je vidět níže, pomocí příkazu -h. Nebo můžete vygenerovanou šablonu ručně upravit, jako mám já. Podrobněji to proberu v části 2. Do tohoto kódu můžete přidat další proměnné a změnit nastavení ve vaší aplikaci, například pomocí html, řídítek, nefritu a dalších. K tomu spusťte příkaz:

expres -h

Pokračujte v nastavování webové aplikace node.js spuštěním následujících příkazů:

cd nameofmyapp

npm instalace

Tím se nainstalují všechny potřebné balíčky, které bude vaše webová aplikace node.js potřebovat ke spuštění, a další, které jsou k dispozici k použití.

V tomto případě by cesta k souboru pro aplikaci byla:

/home/pi/myapp/nameofmyapp

Důvodem je, že expresní generátor vytvoří soubor na základě řetězce, který za něj umístíte. Pokud jste již v požadovaném adresáři, použijte expres.

Krok 5: Spusťte webovou aplikaci

Chcete -li spustit webovou aplikaci node.js, spusťte příkaz:

npm start

Aby byla při kódování efektivnější, aby se naše aplikace automaticky aktualizovala po provedení změn, nainstalujeme nodemon.

npm install -g nodemon

Zde vám většina výukových programů řekne, abyste se při stavění bavili, a nechá vás přijít na tvrdou práci nohou. V dalších krocích vás provedu, jak jsem vytvořil svou aplikaci.

Krok 6: Kredit

Není to krok, ale chci uvést své zdroje a inspiraci pro tento tutoriál.

Tento Github ReadMe napsal dobrý přítel při práci na našem seniorském designovém projektu a posloužil jako inspirace, jak vytvořit můj web.

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

Tento tutoriál byl užitečným nástrojem při vytváření webové aplikace.

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

Další informace o webu node.js naleznete v mé části 2.