Der MERN-Stack ist eine Kombination aus MongoDB, Express, React, Node. Alle basieren auf Javascript und der Stack wird verwendet, um moderne Webanwendungen zu erstellen. Es umfasst das Frontend (React), das Backend (Node und Express) und Datenbankkomponenten (MongoDB).
MongoDB
MongoDB ist ein plattformübergreifendes dokumentenorientiertes Datenbankprogramm, das zu einer Familie von NoSQL gehört. NoSQL unterscheidet sich von herkömmlichen tabellenbasierten SQL-Datenbanken (MySQL und PostgreSQL), es speichert Daten mithilfe von Dokumenten und Sammlungen und speichert sie dann im binären JSON-Format. Es ermöglicht große Änderungen an Datenbanken ohne Ausfallzeit.
Express
ExpressJS ist ein vorgefertigtes Webanwendungs-Framework für NodeJS, das beim Erstellen robuster und skalierbarer Webanwendungen hilft. ExpressJS wurde für die Entwicklung von einseitigen, mehrseitigen und hybriden modernen Webanwendungen entwickelt.
Reagieren
ReactJS ist eine Open-Source-JavaScript-Bibliothek zum Erstellen responsiver Benutzeroberflächen. ReactJS ist einfach zu bedienen, schnell und schnell. Es konzentriert sich auf die Entwicklung natürlicher und interaktiver Webanwendungen.
Knoten
NodeJS ist eine Open-Source-JavaScript-Laufzeitumgebung, mit der wir schnelle und skalierbare Webanwendungen entwickeln können, die hauptsächlich für Backend-Operationen verwendet werden und zusammen mit Frontend-JavaScript-Frameworks wie Angular, React, Vue und anderen verwendet werden können.
In diesem Tutorial zeigen wir Ihnen, wie Sie MongoDB, Express, React, Node Stack für JS-basierte Anwendungen auf Ubuntu 20.04 installieren.
Voraussetzungen
- Ein Server mit Ubuntu 20.04. Für die Zwecke dieses Tutorials verwenden wir einen unserer Managed Ubuntu 20.04 VPS mit 4 GB RAM.
- Ein Root-Benutzerzugriff oder ein normaler Benutzer mit sudo-Berechtigungen.
- Hinweis:Führen Sie in diesem Tutorial alle Befehle ohne „sudo“ aus, wenn Sie sie vom Root-Benutzer ausführen.
Schritt 1:Per SSH anmelden und aktualisieren
Melden Sie sich mit SSH als Root-Benutzer bei Ihrem Ubuntu 20.04 VPS an:
ssh sshuser@IP_Address -p Port_number
Ersetzen Sie „sshuser“ durch einen Benutzer mit sudo-Berechtigungen oder root. Ersetzen Sie außerdem „IP_Address“ und „Port_Number“ durch die jeweilige IP-Adresse und den SSH-Port Ihres Servers.
Sobald Sie angemeldet sind, können Sie mit dem folgenden Befehl überprüfen, ob Sie die richtige Ubuntu 20.04-Version auf Ihrem Server installiert haben:
$ lsb_release -a
Sie sollten diese Ausgabe erhalten:
No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 20.04.2 LTS
Release: 20.04
Codename: focal
Führen Sie dann den folgenden Befehl aus, um sicherzustellen, dass alle installierten Pakete auf dem Server auf ihre neuesten verfügbaren Versionen aktualisiert werden:
$ sudo apt update
Dies stellt die Kompatibilität zwischen Paketen sicher.
Schritt 2:MongoDB installieren
Wir können MongoDB aus den offiziellen Ubuntu 20.04-Softwarepaket-Repositories installieren. Das MongoDB-Team pflegt diese Version jedoch nicht und sie wird mit Version 3.6.8 von MongoDB geliefert. In diesem Artikel werden wir MongoDB 4.4 installieren, die neueste verfügbare Version. Sie können jedoch jederzeit auf der offiziellen Website von MongoDB nachsehen, ob eine neue Version von MongoDB verfügbar ist.
Um die MongoDB 4.4 Community Edition auf Ubuntu zu installieren, müssen wir den vom Paketverwaltungssystem verwendeten öffentlichen Schlüssel importieren. Wir können das mit dem folgenden Befehl tun:
$ 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 –
Nach dem Hinzufügen des Repositorys können wir die lokale Paketdatenbank aktualisieren
$ sudo apt update
Führen Sie die beiden folgenden Befehle aus, um den MongoDB-Server zu installieren, zu starten und zu aktivieren.
$ sudo apt install mongodb-org* -y
$ sudo systemctl enable --now mongod
Wir können den MongoDB-Status überprüfen, indem wir diesen Befehl ausführen
$ sudo systemctl status mongod
Fahren Sie mit der Erstellung eines Passworts für den MongoDB-Benutzer „admin“
fort$ sudo mongo
Sobald wir uns in der Mongo-Shell befinden, führen Sie diese Befehle aus.
use admin
db.createUser({user: "admin" , pwd: passwordPrompt() , roles: [{ role: "userAdminAnyDatabase" , db: "admin"}]}) Mit diesem Befehl erstellen Sie ein neues Passwort für den MongoDB-Benutzer „admin“. Bitte beachten Sie, dass Sie das Zeichen „@“ nicht als Teil Ihrer Passwortzeichenfolge verwenden können. Wenn Sie „@“ in Ihrem Passwort verwenden, erhalten Sie die Fehlermeldung „MongoParseError:Unescaped at-sign in Authority“, wenn Sie versuchen, von Ihrer Express-Anwendung aus eine Verbindung zur Datenbank herzustellen.
Geben Sie quit() ein zum Beenden der MongoDB-Shell.
quit()
Schritt 3:ExpressJS, React und NodeJS installieren
Um ExpressJS und React zu installieren, müssen wir NPM installieren. NPM ist Node Package Manager, ein Tool zur Verwaltung von Abhängigkeiten, das alle Bibliotheken und andere Tools enthält, um die Entwicklung von JavaScript-Anwendungen zu verwalten.
Um NPM zu installieren, können wir diesen Befehl ausführen:
$ sudo apt install npm -y
Um die Installation zu überprüfen, können wir die npm-Version mit dem folgenden Befehl überprüfen:
$ npm -v
Während der Installation von NPM wird NodeJS ebenfalls automatisch installiert. Sie müssen also keinen Befehl aufrufen, um NodeJS zu installieren. Um zu überprüfen, ob NodeJS installiert ist, können Sie diesen Befehl ausführen:
$ node -v
Fahren wir mit dem nächsten Schritt fort
Installieren Sie das Create-React-App-Tool
Für Anfänger create-react-app hilft bei der Installation aller Tools, die zum Erstellen von React-Anwendungen erforderlich sind. Um create-react-app zu installieren, können wir diesen Befehl ausführen:
$ sudo npm install -g create-react-app
Fahren wir nun mit dem Erstellen einer App mit create-react-app
fort$ create-react-app myfirstapp
Der Befehl erstellt ein Verzeichnis namens „myfirstapp“ in Ihrem aktuellen Arbeitsverzeichnis. Sobald Sie fertig sind, sehen Sie eine Nachricht wie diese:
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
Beginnen wir jetzt mit der Anwendung
$ cd myfirstapp
$ npm start
Sie sehen eine Nachricht, wie im Bild unten gezeigt
Sie können nun den im Bild gezeigten Link oder http://YOUR_SERVER_IP_ADDRESS:3000 mit einem beliebigen Webbrowser Ihrer Wahl öffnen, Sie sehen dann etwa Folgendes:
Um die Anwendung auf Port 300 zu stoppen, drücken Sie einfach STRG + C auf Ihrer Tastatur.
ExpressJS
Nach der Installation von React können wir mit der Installation von ExpressJS fortfahren.
$ cd ~ && sudo npm install -g express-generator
Lassen Sie uns ein neues Projekt mit ExpressJS erstellen:
$ express myfirstexpressapp
Nach dem Ausführen des Befehls sehen wir die Nachricht und müssen das Verzeichnis myfirstexpressapp eingeben um die Anwendung auszuführen.
$ cd myfirstexpressapp
$ npm start
Öffnen Sie nun Ihren Browser und navigieren Sie zu http://YOUR_SERVER_IP_ADDRESS:3000
Das ist es! Sie haben MongoDB, Express.js, React.js und Node.js erfolgreich installiert. Sie können mit dem Erstellen Ihrer Anwendung mit dem MERN-Stack fortfahren.
Natürlich müssen Sie nicht wissen, wie Sie den MERN-Stack für JS-basierte Anwendungen auf Ubuntu 20.04 installieren, wenn Sie einen verwalteten Linux-VPS-Hostingplan haben, den Ubuntu 20.04 VPS bei uns hostet. Wenn ja, können Sie einfach unser Support-Team bitten, den MERN-Stack auf Ubuntu 20.04 für Sie zu installieren. Sie sind rund um die Uhr verfügbar und können Ihnen bei der Installation des MERN-Stacks sowie bei allen zusätzlichen Anforderungen helfen, die Sie möglicherweise haben.
PS. Wenn Ihnen dieser Blogbeitrag zur Installation des MERN-Stacks auf Ubuntu 20.04 gefallen hat, können Sie ihn gerne in sozialen Netzwerken teilen, indem Sie die unten stehenden Verknüpfungen verwenden, oder hinterlassen Sie einfach einen Kommentar im Kommentarbereich. Danke.