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

MERN Stack se skládá ze čtyř komponent:MongoDB, Express, React a Node. Poskytuje balík technologií JavaScript používaných pro vytváření dynamických webových stránek JS.

MongoDB je open-source a nejrozšířenější databázový systém NoSQL používaný pro vývoj robustních webových aplikací. Express.js je rámec webových aplikací Node.js používaný pro vývoj hybridních webových aplikací. React.js je open-source JavaScript framework používaný k vytvoření front-end rozhraní pro mobilní aplikace. Node.js je prostředí JavaScriptu, které umožňuje vývojářům spouštět kódy na serveru.

V této příručce vám ukážeme, jak nainstalovat MERN stack na Ubuntu 20.04.

Předpoklady

• Server se systémem Ubuntu 20.04.
• Na serveru je nakonfigurováno heslo uživatele root.

Začínáme

Nejprve aktualizujte systémové balíčky na aktualizovanou verzi spuštěním následujícího příkazu:

apt-get update -y

Jakmile jsou všechny balíčky aktualizovány, můžete přejít k dalšímu kroku.

Instalace serveru MongoDB

Ve výchozím nastavení není nejnovější verze MongoDB součástí výchozího úložiště Ubuntu 20.04. Budete tedy muset do svého systému přidat úložiště MongoDB.

Nejprve nainstalujte všechny požadované závislosti pomocí následujícího příkazu:

apt-get install gnupg2 wget curl unzip git -y

Po instalaci všech závislostí přidejte klíč MongoDB GPG pomocí následujícího příkazu:

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

Dále přidejte úložiště MongoDB pomocí následujícího příkazu:

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

Dále aktualizujte úložiště a nainstalujte server MongoDB pomocí následujícího příkazu:

apt-get update -y
apt-get install mongodb-org -y

Po instalaci MongoDB spusťte službu MongoDB a povolte její spuštění při restartu systému:

systemctl start mongod
systemctl enable mongod

Dále ověřte stav služby MongoDB pomocí následujícího příkazu:

systemctl status mongod

Měli byste vidět následující výstup:

? mongod.service - MongoDB Database Server
     Loaded: loaded (/lib/systemd/system/mongod.service; disabled; vendor preset: enabled)
     Active: active (running) since Fri 2021-07-23 12:21:17 UTC; 5s ago
       Docs: https://docs.mongodb.org/manual
   Main PID: 8774 (mongod)
     Memory: 58.8M
     CGroup: /system.slice/mongod.service
             ??8774 /usr/bin/mongod --config /etc/mongod.conf

Jul 23 12:21:17 ubuntu systemd[1]: Started MongoDB Database Server.

Dále ověřte instalaci MongoDB pomocí následujícího příkazu:

mongo --eval 'db.runCommand({ connectionStatus: 1 })'

Měli byste získat následující výstup:

MongoDB shell version v4.4.7
connecting to: mongodb://127.0.0.1:27017/?compressors=disabled&gssapiServiceName=mongodb
Implicit session: session { "id" : UUID("59c89093-9e9d-413b-aafa-ae0a4ddda087") }
MongoDB server version: 4.4.7
{
	"authInfo" : {
		"authenticatedUsers" : [ ],
		"authenticatedUserRoles" : [ ]
	},
	"ok" : 1
}

Vytvořit uživatele MongoDB Admin

Nejprve se připojte k instanci MongoDB pomocí následujícího příkazu:

mongo

Jakmile se připojíte, změňte databázi na admin pomocí následujícího příkazu:

> use admin

Dále vytvořte uživatele admin a nastavte heslo pomocí následujícího příkazu:

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

Měli byste získat následující výstup:

Successfully added user: {
	"user" : "admin",
	"roles" : [
		{
			"role" : "userAdminAnyDatabase",
			"db" : "admin"
		}
	]
}

Dále ukončete prostředí MongoDB pomocí následujícího příkazu:

> quit()

Instalovat Node.js

Ve výchozím nastavení není nejnovější verze Node.js součástí výchozího úložiště Ubuntu. Takže budete muset přidat zdrojové úložiště Node do vašeho systému.

Chcete-li přidat zdrojové úložiště Node, spusťte následující příkaz:

curl -sL https://deb.nodesource.com/setup_14.x | bash -

Po přidání úložiště nainstalujte soubor Node.js pomocí následujícího příkazu:

apt-get install nodejs -y

Po instalaci ověřte verzi Node.js pomocí následujícího příkazu:

node --version

Měli byste vidět následující výstup:

v14.17.2

Verzi NPM můžete také ověřit pomocí následujícího příkazu:

npm --version

Měli byste vidět následující výstup:

6.14.13

Instalovat React.js

Nejprve si budete muset nainstalovat nástroj create-react-app k vytvoření aplikace React.js.

Můžete jej nainstalovat pomocí následujícího příkazu:

npm install -g create-react-app

Po instalaci vytvořte aplikaci React.js pomocí následujícího příkazu:

create-react-app myapp

Měli byste vidět následující výstup:

Success! Created myapp at /root/myapp
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 myapp
  npm start

Happy hacking!

Dále změňte adresář na myapp a spusťte aplikaci následujícím příkazem:

cd myapp
npm start 0.0.0.0

Měli byste vidět následující výstup:

Compiled successfully!

You can now view myapp in the browser.

  http://localhost:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

Nyní máte přístup k aplikaci React.js pomocí adresy URL http://ip-ip-vašeho-serveru:3000 . Na následující stránce byste měli vidět svůj řídicí panel React.js:

Nyní stiskněte CTRL+C ve vašem terminálu zavřete aplikaci.

Instalovat Express.js

Nejprve nainstalujte expresní generátor pomocí následujícího příkazu:

npm install -g express-generator

Po instalaci vytvořte nový projekt pomocí následujícího příkazu:

express myproject

Měli byste získat následující výstup:

  warning: the default view engine will not be jade in future releases
  warning: use `--view=jade' or `--help' for additional options


   create : myproject/
   create : myproject/public/
   create : myproject/public/javascripts/
   create : myproject/public/images/
   create : myproject/public/stylesheets/
   create : myproject/public/stylesheets/style.css
   create : myproject/routes/
   create : myproject/routes/index.js
   create : myproject/routes/users.js
   create : myproject/views/
   create : myproject/views/error.jade
   create : myproject/views/index.jade
   create : myproject/views/layout.jade
   create : myproject/app.js
   create : myproject/package.json
   create : myproject/bin/
   create : myproject/bin/www

   change directory:
     $ cd myproject

   install dependencies:
     $ npm install

   run the app:
     $ DEBUG=myproject:* npm start

Nyní změňte adresář na svůj projekt a nainstalujte všechny závislosti NPM pomocí následujícího příkazu:

cd myproject
npm install

Nyní spusťte webový server Express pomocí následujícího příkazu:

npm start 0.0.0.0

Nyní otevřete webový prohlížeč a přejděte do aplikace Express pomocí adresy URL http://ip-ip-vašeho-serveru:3000 . Měli byste vidět následující stránku:

Závěr

Gratulujeme! úspěšně jste nainstalovali MERN stack na server Ubuntu 20.04. Nyní můžete zahájit vývoj aplikací MERN. Pokud máte nějaké dotazy, neváhejte se mě zeptat.