Der MEAN-Stack (MongoDB, Express.js, Angular und Node.js) ist eine beliebte Kombination von JavaScript-Technologien für die Entwicklung moderner, dynamischer Webanwendungen. Nginx ist ein leistungsstarker und vielseitiger Webserver, der sich gut eignet, um MEAN-Anwendungen effizient und sicher auszuliefern.
Schritt-für-Schritt-Anleitung
1. Installation von MongoDB
MongoDB ist die NoSQL-Datenbank, in der die Daten Ihrer Anwendung gespeichert werden. Folgen Sie den offiziellen Anweisungen von MongoDB, um die neueste Version für Ihre Linux-Distribution zu installieren: https://www.mongodb.com/docs/manual/installation/
2. Installation von Node.js und NPM
Node.js ist die Laufzeitumgebung (Runtime) für Ihren serverseitigen JavaScript-Code (Backend). NPM ist der Paketmanager, mit dem Express.js und andere Abhängigkeiten installiert werden.
- Ubuntu/Debian:
sudo apt update
sudo apt install nodejs npm
Anweisungen für andere Distributionen finden Sie auf der offiziellen Node.js-Website: https://nodejs.org/
3. Konfiguration Ihrer MEAN-Anwendung
Stellen Sie sicher, dass Ihre Anwendung fertig vorbereitet ist:
- Projekt anlegen: Verwenden Sie das Angular CLI-Tool, um die Grundstruktur Ihres Projekts zu erstellen (falls Sie das nicht schon getan haben).
- Angular Anwendung für den Produktiveinsatz bauen: Führen Sie im Verzeichnis Ihres Angular-Projekts
ng build
aus. Dies erstellt eine optimierte Version der Anwendung im Ordnerdist
.
4. Installation und Konfiguration von Nginx
- Installation:
sudo apt update
sudo apt install nginx
- Konfiguration: Erstellen Sie eine neue Nginx-Serverkonfigurationsdatei unter
/etc/nginx/sites-available/meinedomain.de
(ersetzen Siemeinedomain.de
mit Ihrem Domainnamen):
server {
listen 80;
server_name meinedomain.de;
root /var/www/meinedomain.de/dist; # Pfad zum 'dist'-Ordner von Angular
index index.html index.htm;
location /api {
proxy_pass http://localhost:3000; # Port Ihres Node.js-Backends
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
}
- Website aktivieren:
sudo ln -s /etc/nginx/sites-available/meinedomain.de /etc/nginx/sites-enabled/
- Nginx testen und neu starten:
sudo nginx -t # Konfiguration überprüfen
sudo systemctl restart nginx
5. Node.js Anwendung ausführen
Verwenden Sie einen Prozessmanager wie PM2, um Ihr Node.js-Backend im Hintergrund laufen zu lassen:
npm install -g pm2
cd /pfad/zu/meinem/backend
pm2 start server.js # Angenommen, 'server.js' ist Ihre Start-Datei
Ihre Anwendung ist bereit!
Sie können nun in Ihrem Webbrowser auf Ihre MEAN-Anwendung zugreifen, indem Sie Ihre Domain ([invalid URL removed]) aufrufen. Nginx wird Ihre Angular-Anwendung ausliefern und API-Anfragen an das Node.js-Backend weiterleiten.
Shape.host Dienste
Die Linux SSD VPS von Shape.host bieten eine leistungsstarke, skalierbare und sichere Hosting-Umgebung für Ihre MEAN-Stack-Anwendungen. Mit SSD-Speicher, umfangreichen Sicherheitsfunktionen und skalierbaren Ressourcen ist Shape.host die ideale Wahl für MEAN-Stack Projekte mit Nginx.