wie hangle 2 website hosten?

8

Wie hostet man die angular 2 Website?

Ich bin neu bei eckigen 2 und habe eine einfache Website ohne Back-End erstellt.

Ich habe mich gefragt, ob ich beim Versuch, die index.html-Datei direkt zu öffnen, einen Fehler entdeckt habe.

Aber nach dem Befehl "npm start" funktioniert es gut, was einen lokalen Server auf dem Computer ausführt.

Also, wie hosten Sie diese Website auf einfachen Hosting-Sites (kein dedizierter Server ..!)?

Ich denke, Hosting-Sites finden automatisch index.html-Datei, aber hier ist das Problem, index.html wird nicht ohne "npm start" -Befehl gestartet.

kann ich dafür einen Prozess auf dem Server starten?

Bitte führe mich.

    
Yash 03.03.2017, 08:29
quelle

3 Antworten

19

Hosten Sie Ihre Angular 2-App auf Firebase mithilfe dieser einfachen Schritte: Erstellen Sie zuerst ein Projekt mit Angular CLI. Holen Sie sich weitere Informationen hier Ссылка

Schritt 1: Erstellen Sie Ihre App

Führen Sie den folgenden Befehl aus, um

zu erstellen %Vor%

Schritt 2: Erstellen Sie ein FireBase-Projekt und installieren Sie Firebase CLI

Öffnen Sie die Firebase-Konsole unter Ссылка und erstellen Sie ein neues Firebase-Projekt.

Um die Firebase-Kommandozeilen-Tools zu installieren, führen Sie:

%Vor%

Schritt 3: Bereitstellung in FireBase

Führen Sie den folgenden firebase cmd aus, um sich anzumelden:

%Vor%

Es öffnet den Browser und fragt Sie nach Authentifizierung. Melden Sie sich mit Ihrem Firebase-Konto an. Danach können Sie das Browserfenster schließen. In der Befehlszeile erhalten Sie die Nachricht, dass die Anmeldung erfolgreich durchgeführt wurde.

Führen Sie nun den folgenden Befehl aus:

%Vor%

Zunächst werden Sie gefragt, welche Firebase-Client-Funktionen Sie verwenden möchten. Sie sollten die Option Hosting wählen: Firebase Hosting-Site konfigurieren und bereitstellen. Als Nächstes fragt der Firebase-Client, welcher Ordner für die Bereitstellung verwendet werden soll. Geben Sie dist ein. Das ist wichtig, denn dort ist unser Produktionsgebäude untergebracht.

Als nächstes stellt sich die Frage, ob es sich bei dieser App um eine Single-Page-App handelt und ob sie alle URLs in index.html umschreiben soll. In unserem Fall müssen wir mit ja antworten.

Die letzte Frage ist, ob Firebase Datei index.html überschreiben sollte. Die Antwort auf diese Frage lautet nein.

Führen Sie jetzt den folgenden cmd aus, um zu deployen:

%Vor%

Firebase stellt eine URL zur Verfügung, mit der Sie online auf Ihre Anwendung zugreifen können.

[Aktualisieren]

Nun, nachdem Sie Ihre App erfolgreich bereitgestellt haben, wenn Sie einige Änderungen vornehmen und den Code unter derselben URL bereitstellen möchten. Befolgen Sie das gleiche Verfahren. Aber stellen Sie sicher, dass Sie auf Ihr Projekt zeigen.

Verwenden Sie diesen Befehl, um alle Projekte aufzulisten:

%Vor%

Um ein Projekt als aktuelles Projekt zu erstellen, verwenden Sie:

%Vor%     
Aman Deep Sharma 03.03.2017, 09:58
quelle
2

Sie können heroku verwenden, um Ihre Lösung zu implementieren:

Ссылка

    
Ahmed 03.03.2017 08:43
quelle
1

Sie können Ссылка verwenden:

Ссылка ist ein einfacher, nullkonfigurierter HTTP-Befehlszeilenserver. Es ist leistungsfähig genug für die Verwendung in der Produktion, aber es ist einfach und hackbar genug, um es für Tests, lokale Entwicklung und Lernen zu verwenden.

%Vor%

Erstellen Sie das Projekt von:

%Vor%

dann im Projektverzeichnis verwenden:

%Vor%

im Browser Ссылка oder Ссылка

    
waris 05.10.2017 14:05
quelle

Tags und Links