Jak nainstalovat MERN Stack pro aplikace založené na JS na Ubuntu 20.04

MERN stack je kombinací MongoDB, Express, React, Node. Všechny jsou založeny na Javascriptu a zásobník se používá k vytváření moderních webových aplikací. Skládá se z front-endu (React), back-endu (Node a Express) a databázových komponent (MongoDB).

MongoDB
MongoDB je multiplatformní databázový program orientovaný na dokumenty, který patří do rodiny NoSQL. NoSQL se liší od tradičních tabulkových SQL databází (MySQL a PostgreSQL), ukládá data pomocí dokumentů a kolekcí a poté je ukládá v binárním formátu JSON. Umožňuje provádět velké změny v databázích bez prostojů.

Expresní
ExpressJS je předpřipravený rámec webových aplikací pro NodeJS, pomáhá při vytváření robustních a škálovatelných webových aplikací. ExpressJS je navržen pro vývoj jednostránkových, vícestránkových a hybridních moderních webových aplikací.

Reagovat
ReactJS je open-source JavaScriptová knihovna pro vytváření citlivých uživatelských rozhraní. ReactJS se snadno používá, je rychlý a rychlý. Zaměřuje se na vytváření přirozených a interaktivních webových aplikací.

Uzel
NodeJS je open-source Javascriptové runtime prostředí, které nám umožňuje vyvíjet rychlé a škálovatelné webové aplikace používané hlavně pro backendové operace a lze je používat společně s frontendovými JavaScriptovými frameworky jako Angular, React, Vue a dalšími.

V tomto tutoriálu vám ukážeme, jak nainstalovat MongoDB, Express, React, Node stack pro aplikace založené na JS na Ubuntu 20.04.

Předpoklady

• Server s Ubuntu 20.04. Pro účely tohoto tutoriálu budeme používat jeden z našich spravovaných Ubuntu 20.04 VPS se 4 GB RAM.
• Uživatel root nebo běžný uživatel s právy sudo.
• Poznámka:V tomto tutoriálu spouštějte všechny příkazy bez „sudo“, pokud je spouštíte z uživatele root.

Krok 1:Přihlaste se přes SSH a aktualizujte

Přihlaste se ke svému Ubuntu 20.04 VPS pomocí SSH jako uživatel root:

ssh sshuser@IP_Address -p Port_number

Nahraďte „sshuser“ uživatelem, který má oprávnění sudo nebo root. Navíc nahraďte „IP_Address“ a „Port_Number“ příslušnou IP adresou vašeho serveru a portem SSH.

Po přihlášení můžete zkontrolovat, zda máte na svém serveru nainstalovanou správnou verzi Ubuntu 20.04 pomocí následujícího příkazu:

$ lsb_release -a

Měli byste získat tento výstup:

No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 20.04.2 LTS
Release: 20.04
Codename: focal

Poté spusťte následující příkaz, abyste se ujistili, že všechny nainstalované balíčky na serveru jsou aktualizovány na nejnovější dostupné verze:

$ sudo apt update

To zajišťuje kompatibilitu mezi balíčky.

Krok 2:Instalace MongoDB

MongoDB můžeme nainstalovat z oficiálních úložišť softwarových balíčků Ubuntu 20.04. Tým MongoDB však tuto verzi neudržuje a přichází s verzí 3.6.8 MongoDB. V tomto článku nainstalujeme MongoDB 4.4, což je nejnovější dostupná verze. Vždy však můžete zkontrolovat, zda je nová verze MongoDB k dispozici na jejich oficiálních stránkách.

Abychom mohli nainstalovat MongoDB 4.4 Community Edition na Ubuntu, musíme importovat veřejný klíč používaný systémem správy balíčků. Můžeme to udělat pomocí následujícího příkazu:

$ echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list

$ wget -qO – https://www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add –

Po přidání úložiště můžeme aktualizovat lokální databázi balíčků

$ sudo apt update

Spuštěním dvou níže uvedených příkazů nainstalujte, spusťte a povolte server MongoDB.

$ sudo apt install mongodb-org* -y 

$ sudo systemctl enable --now mongod 

Stav MongoDB můžeme zkontrolovat spuštěním tohoto příkazu

$ sudo systemctl status mongod 

Pokračujte ve vytváření hesla pro uživatele MongoDB ‚admin‘

$ sudo mongo

Jakmile jsme v prostředí Mongo, spusťte tyto příkazy.

use admin

db.createUser({user: "admin" , pwd: passwordPrompt() , roles: [{ role: "userAdminAnyDatabase" , db: "admin"}]})

Pomocí tohoto příkazu vytvoříte nové heslo pro uživatele MongoDB ‚admin‘. Vezměte prosím na vědomí, že jako součást řetězce hesla nemůžete použít znak „@“. Pokud ve svém heslu použijete ‚@‘, zobrazí se při pokusu o připojení k databázi z vaší expresní aplikace chybová zpráva „MongoParseError:Unescaped at-sign in Authority“.

Zadejte quit() pro ukončení prostředí MongoDB.

quit()

Krok 3:Instalace ExpressJS, React a NodeJS

Chcete-li nainstalovat ExpressJS a React, musíme nainstalovat NPM. NPM je správce balíčků uzlů, nástroj pro správu závislostí obsahující všechny knihovny a další nástroje pro správu vývoje aplikací JavaScript.

Chcete-li nainstalovat NPM, můžeme spustit tento příkaz:

$ sudo apt install npm -y

Pro ověření instalace můžeme zkontrolovat verzi npm pomocí příkazu:

$ npm -v

Při instalaci NPM se automaticky nainstaluje také NodeJS. K instalaci NodeJS tedy nemusíte vyvolávat příkaz. Chcete-li ověřit, že je NodeJS nainstalován, můžete spustit tento příkaz:

$ node -v 

Pokračujme dalším krokem

Nainstalujte nástroj Create-React-App

Pro začátečníky create-react-app pomůže nainstalovat všechny nástroje potřebné k sestavení aplikací React. Chcete-li nainstalovat create-react-app, můžeme spustit tento příkaz:

$ sudo npm install -g create-react-app

Nyní pojďme k vytvoření aplikace pomocí create-react-app

$ create-react-app myfirstapp

Příkaz vytvoří adresář s názvem „myfirstapp“ ve vašem aktuálním pracovním adresáři. Po dokončení se zobrazí zpráva podobná této:

Success! Created myfirstapp at /home/master/myfirstapp
Inside that directory, you can run several commands:

npm start
Starts the development server.

npm run build
Bundles the app into static files for production.

npm test
Starts the test runner.

npm run eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:
cd myfirstapp
npm start

Nyní spustíme aplikaci

$ cd myfirstapp
$ npm start

Zobrazí se zpráva, jak je znázorněno na obrázku níže

Nyní můžete otevřít odkaz zobrazený na obrázku nebo http://YOUR_SERVER_IP_ADDRESS:3000 pomocí libovolného webového prohlížeče, který se vám líbí, uvidíte něco takového:

Chcete-li zastavit aplikaci na portu 300, jednoduše stiskněte CTRL + C na klávesnici.

ExpressJS

Po instalaci Reactu můžeme pokračovat v instalaci ExpressJS.

$ cd ~ && sudo npm install -g express-generator 

Pojďme vytvořit nový projekt pomocí ExpressJS:

$ express myfirstexpressapp

Po spuštění příkazu se nám zobrazí zpráva a musíme vstoupit do adresáře myfirstexpressapp ke spuštění aplikace.

$ cd myfirstexpressapp
$ npm start

Nyní otevřete prohlížeč a přejděte na adresu http://YOUR_SERVER_IP_ADDRESS:3000

A je to! Úspěšně jste nainstalovali MongoDB, Express.js, React.js a Node.js, můžete pokračovat v sestavování aplikace pomocí zásobníku MERN.

Samozřejmě nemusíte vědět, jak nainstalovat MERN stack pro aplikace založené na JS na Ubuntu 20.04, pokud máte spravovaný hostingový plán Linux VPS Ubuntu 20.04 VPS hostovaný u nás. Pokud tak učiníte, můžete jednoduše požádat náš tým podpory, aby vám nainstaloval MERN stack na Ubuntu 20.04. Jsou k dispozici 24 hodin denně, 7 dní v týdnu a budou vám schopni pomoci s instalací MERN stacku, stejně jako s případnými dalšími požadavky.

PS. Pokud se vám líbilo čtení tohoto blogového příspěvku o tom, jak nainstalovat MERN stack na Ubuntu 20.04, můžete jej sdílet na sociálních sítích pomocí níže uvedených zkratek nebo jednoduše zanechat komentář v sekci komentářů. Děkuji.