Come installare lo stack MERN per applicazioni basate su JS su Ubuntu 20.04

Lo stack MERN è una combinazione di MongoDB, Express, React, Node. Tutti sono basati su Javascript e lo stack viene utilizzato per creare moderne applicazioni web. Comprende i componenti front-end (React), back-end (Node ed Express) e database (MongoDB).

MongoDB
MongoDB è un programma di database orientato ai documenti multipiattaforma che appartiene a una famiglia di NoSQL. NoSQL è diverso dai tradizionali database SQL basati su tabelle (MySQL e PostgreSQL), salva i dati utilizzando documenti e raccolte, quindi li archivia in formato binario JSON. Consente di apportare grandi modifiche ai database senza tempi di inattività.

Espresso
ExpressJS è un framework di applicazioni Web predefinito per NodeJS, aiuta a creare applicazioni Web robuste e scalabili. ExpressJS è progettato per lo sviluppo di applicazioni Web moderne a pagina singola, multipagina e ibride.

Reagisci
ReactJS è una libreria JavaScript open source per la creazione di interfacce utente reattive. ReactJS è semplice da usare, veloce e veloce. Si concentra sulla creazione di applicazioni Web naturali e interattive.

Nodo
NodeJS è un ambiente di runtime Javascript open source che ci consente di sviluppare applicazioni Web veloci e scalabili utilizzate principalmente per operazioni di back-end e possono essere utilizzate insieme a framework JavaScript front-end come Angular, React, Vue e altri.

In questo tutorial, ti mostreremo come installare MongoDB, Express, React, Node stack per applicazioni basate su JS su Ubuntu 20.04.

Prerequisiti

• Un server con Ubuntu 20.04. Ai fini di questo tutorial, utilizzeremo uno dei nostri Managed Ubuntu 20.04 VPS con 4 GB di RAM.
• Un utente root o un utente normale con privilegi sudo.
• Nota:in questo tutorial, esegui tutti i comandi senza "sudo" se li esegui dall'utente root.

Passaggio 1:accedi tramite SSH e aggiornamento

Accedi al tuo VPS Ubuntu 20.04 con SSH come utente root:

ssh sshuser@IP_Address -p Port_number

Sostituisci "sshuser" con un utente che dispone dei privilegi sudo o root. Inoltre, sostituisci "IP_Address" e "Port_Number" con il rispettivo indirizzo IP e porta SSH del tuo server.

Una volta effettuato l'accesso, puoi verificare se hai la versione corretta di Ubuntu 20.04 installata sul tuo server con il seguente comando:

$ lsb_release -a

Dovresti ottenere questo output:

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

Quindi, esegui il comando seguente per assicurarti che tutti i pacchetti installati sul server siano aggiornati alle ultime versioni disponibili:

$ sudo apt update

Ciò garantisce la compatibilità tra i pacchetti.

Fase 2:installa MongoDB

Possiamo installare MongoDB dai repository ufficiali del pacchetto software Ubuntu 20.04. Ma il team di MongoDB non mantiene questa versione e viene fornita con la versione 3.6.8 di MongoDB. In questo articolo, installeremo MongoDB 4.4 che è l'ultima versione disponibile. Tuttavia, puoi sempre verificare se è disponibile una nuova versione di MongoDB sul loro sito Web ufficiale.

Per installare MongoDB 4.4 Community Edition su Ubuntu, è necessario importare la chiave pubblica utilizzata dal sistema di gestione dei pacchetti. Possiamo farlo con il seguente comando:

$ 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 –

Dopo aver aggiunto il repository, possiamo aggiornare il database del pacchetto locale

$ sudo apt update

Esegui i due comandi seguenti per installare, avviare e abilitare il server MongoDB.

$ sudo apt install mongodb-org* -y 

$ sudo systemctl enable --now mongod 

Possiamo controllare lo stato di MongoDB eseguendo questo comando

$ sudo systemctl status mongod 

Procediamo con la creazione di una password per l'utente MongoDB 'admin'

$ sudo mongo

Una volta che siamo nella shell di Mongo, esegui questi comandi.

use admin

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

Con questo comando creerai una nuova password per l'utente MongoDB 'admin'. Tieni presente che non puoi utilizzare il segno "@" come parte della stringa della password. Se utilizzi '@' nella tua password, riceverai il messaggio di errore "MongoParseError:Unescaped at-sign in authority" quando tenti di connetterti al database dalla tua applicazione Express.

Digita quit() per uscire dalla shell di MongoDB.

quit()

Fase 3:installa ExpressJS, React e NodeJS

Per installare ExpressJS e React, è necessario installare NPM. NPM è un gestore di pacchetti di nodi, uno strumento di gestione delle dipendenze contenente tutte le librerie e altri strumenti per gestire lo sviluppo di applicazioni JavaScript.

Per installare NPM, possiamo eseguire questo comando:

$ sudo apt install npm -y

Per verificare l'installazione, possiamo verificare la versione di npm tramite il comando:

$ npm -v

Durante l'installazione di NPM, anche NodeJS verrà installato automaticamente. Quindi, non è necessario invocare un comando per installare NodeJS. Per verificare che NodeJS sia installato, puoi eseguire questo comando:

$ node -v 

Procediamo con il passaggio successivo

Installa lo strumento Create-React-App

Per i principianti, create-react-app aiuterà a installare tutti gli strumenti necessari per creare applicazioni React. Per installare create-react-app possiamo eseguire questo comando:

$ sudo npm install -g create-react-app

Ora procediamo con la creazione di un'app utilizzando create-react-app

$ create-react-app myfirstapp

Il comando creerà una directory denominata "myfirstapp" nella directory di lavoro corrente. Una volta completato, vedrai un messaggio come questo:

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

Iniziamo subito l'applicazione

$ cd myfirstapp
$ npm start

Vedrai un messaggio come mostrato nell'immagine qui sotto

Ora puoi aprire il link mostrato nell'immagine o http://YOUR_SERVER_IP_ADDRESS:3000 utilizzando qualsiasi browser web di tuo gradimento, vedrai qualcosa del genere:

Per fermare l'applicazione sulla porta 300, premi semplicemente CTRL + C sulla tastiera.

ExpressJS

Dopo aver installato React, possiamo procedere con l'installazione di ExpressJS.

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

Creiamo un nuovo progetto usando ExpressJS:

$ express myfirstexpressapp

Dopo aver eseguito il comando, vedremo il messaggio e dobbiamo entrare nella directory myfirstexpressapp per eseguire l'applicazione.

$ cd myfirstexpressapp
$ npm start

Ora apri il browser e vai a http://YOUR_SERVER_IP_ADDRESS:3000

Questo è tutto! Hai installato correttamente MongoDB, Express.js, React.js e Node.js, puoi procedere con la creazione della tua applicazione utilizzando lo stack MERN.

Ovviamente, non devi sapere come installare lo stack MERN per applicazioni basate su JS su Ubuntu 20.04 se hai un piano di hosting VPS Linux gestito Ubuntu 20.04 VPS ospitato con noi. Se lo fai, puoi semplicemente chiedere al nostro team di supporto di installare lo stack MERN su Ubuntu 20.04 per te. Sono disponibili 24 ore su 24, 7 giorni su 7 e saranno in grado di aiutarti con l'installazione dello stack MERN, nonché con qualsiasi requisito aggiuntivo che potresti avere.

PS. Se ti è piaciuto leggere questo post sul blog su come installare lo stack MERN su Ubuntu 20.04, sentiti libero di condividerlo sui social network usando le scorciatoie qui sotto o semplicemente lascia un commento nella sezione commenti. Grazie.