Wie kann ich eine Ember App auf Digital Ocean bereitstellen?

Question

Ich habe eine Ember-App, die auf Port 4200 läuft, die eine Express API auf Port 4500 verwendet.

/var/www/my-api-domain.com/public_html/

Ich habe auch die nginx sites-available Datei bearbeitet: Ich habe meine API hochgeladen

location/
{ 
    proxy_pass http://localhost:4500; 
    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; 
} 

ich SSH-Verzeichnis in den Server, wechseln Sie in meine API und laufen node server und das funktioniert ! Wenn ich meine IP im Browser besuchen, sehe ich meine API richtig funktioniert:

http://159.203.31.72

Ich lief dann ember build -prod lokal und hochgeladen, den Inhalt der resultierenden dist Ordner:

/var/www/my-ember-domain.com/public_html/

Ich aktualisierte noch einmal die Nginx sites-available mit:

location /ember 
{ 
    proxy_pass http://localhost:4200; 
    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; 
} 

Was nun? Wenn ich die Site lokal ausführe, würde ich normalerweise ember server ausführen, aber die resultierenden Dateien in dist sehen viel anders aus und ich habe ember cli nicht auf dem Server installiert. Wenn ich darüber lese, scheint das nicht der richtige Ansatz zu sein.

Wenn ich im Browser auf http://159.203.31.72/ember trete, bekomme ich ein nginx 502 Bad Gateway. Wie kann ich meine Ember-App bedienen?

Answer 1

ember server startet ein Entwicklungsserver, der nicht in der Produktion verwendet werden sollte. Erstellen Sie Ihre App mit ember build --prod. Danach finden Sie Ihre Bestände im Ordner. Diene mit Nginx und du bist fertig. Es gibt ein Beispiel nginx.conf in ember-cli Dokumentation: https://ember-cli.com/user-guide/#deploying-an-https-server-using-nginx-on-a-unixlinuxmacosx-machine

Sie könnten ember-cli-deploy verwenden, wenn Sie einen komplexeren Bereitstellungsworkflow einrichten müssen.