[MUSIC] Die
letzte Frage, die in Ihrem Kopf auftreten könnte, ist, wie erstelle und
bereitstelle ich die Angular-Anwendung?
Wenn Sie sich erinnern,
haben wir im früheren Kurs auf Bootstrap 4 gelernt, wie Sie die MPM-Skripte oder Grand oder
Culp verwenden, um den Distributionsordner zu erstellen, um unsere Webanwendung zu erstellen.
Jetzt, mit Angular Anwendung, die wir in diesem Kurs entwickelt haben,
haben wir die Hilfe der Angular CLI.
Die Angular CLI bietet einen Build-Befehl, der es uns ermöglicht, unsere
Angular-Anwendung zu erstellen, den Distributionsordner zu erstellen und dann alle Dateien für
unsere Angular-Anwendung kompiliert und bereit für die Bereitstellung auf einer Server-Site.
Das werden wir also in dieser Übung lernen.
Um mit dem Erstellen und Bereitstellen unserer Angular-Anwendung an
der Eingabeaufforderung fortzufahren, geben Sie ng building ein — weil wir die
Produktionsversion unserer Angular-Anwendung entwickeln möchten, die auf einem Server bereitgestellt werden kann. Geben
Sie dazu an der Eingabeaufforderung, wie ich bereits erwähnt habe, ng
build —prod ein und lassen Sie dann den Build-Prozess abgeschlossen.
Dies wird ein wenig Zeit in Anspruch nehmen, bis der Build-Prozess abgeschlossen ist.
Nachdem der Build-Prozess abgeschlossen ist,
werden Sie sehen, dass der Distributionsordner jetzt bereit ist.
Sobald der Erstellungsprozess erfolgreich abgeschlossen ist, so dass
Sie sehen können, dass es alles grün ist, so dass der Distributionsordner jetzt vorbereitet ist.
Nun, wie stellen wir Angular Anwendung bereit?
Nun, in diesem Fall, wenn wir einen Server haben, auf dem Sie Ihre Webanwendung bereitstellen können,
dann ist es nur eine Frage der Kopieren des Inhalts
des Distributionsordners direkt auf den Server.
Und dann wird Ihre Angular-Anwendung in kürzester Zeit einsatzbereit sein.
Nun, zum Glück, haben wir bereits unseren JSON-Server läuft dort.
Wir werden also unseren JSON-Server und
den Öffentlichen Ordner unseres JSON-Servers verwenden, so dass sie den gesamten Inhalt
des Distributionsordners in den Öffentlichen Ordner unseres JSON-Servers kopieren.
Gehen Sie in den ConFusion-Ordner, in dem unsere Anwendung gespeichert ist,
gehen wir jetzt in den Distributionsordner.
Sie sehen, dass der Distributionsordner erstellt wurde.
So gehen Sie in den Distributionsordner und
Sie werden sehen, dass eine Reihe von Dateien durch den Angular CLI-Build-Prozess erstellt wurde.
Lassen Sie uns einfach den gesamten Inhalt dieses Ordners kopieren, und
dann gehen wir zum JSON-Server, der sich im json-server-Ordner befindet, und
gehen Sie in den öffentlichen Ordner des json-server-Ordners.
Und dann kopieren wir einfach den Inhalt in diesen Öffentlichen Ordner.
Jetzt sollte Ihre Angular-Anwendung unter localhost: 3000 verfügbar sein, da
Ihr JSON-Server alles bereitstellt, was sich im öffentlichen Ordner unter localhost: 3000 befindet.
Gehen Sie zu einem Browser, jetzt in einer neuen Registerkarte werde ich einfach localhost: 3000 eingeben und
Sie werden sehen, dass Ihre Angular-Anwendung jetzt in kürzester Zeit ausgeführt wird.
So würden Sie Ihre Angular-Anwendung bereitstellen.
Nun, in diesem Fall, da wir unseren Server unter unserer Kontrolle haben,
geht es natürlich nur darum, die Dateien auf die Serverseite zu kopieren.
Nun, wenn Sie diese Bereitstellung auf einem echten Server in der Cloud durchführen,
dann müssen Sie nur den Anweisungen folgen,
die vom Cloud-Dienstanbieter angegeben werden, um die Serverseite zu verbessern.
Daher können sie einen Öffentlichen Ordner haben, der möglicherweise auf ihrem Cloud-Server unterstützt wird.
In diesem Fall müssen Sie möglicherweise einfach den
Inhalt Ihres Verteilungsordners in den Ordner des öffentlichen Servers bei Ihrem Clouddienstanbieter kopieren.
Natürlich müssen Sie auch sicherstellen, dass ein
Back-End-Server ausgeführt wird, der die REST-API unterstützt.
In unserem Fall erfüllt der JSON-Server den Zweck.
Wenn Sie den letzten Kurs in dieser Spezialisierung abschließen,
wo wir uns mit der serverseitigen Entwicklung mit Node-JS beschäftigen,
erfahren Sie die Vorgehensweise zum Erstellen Ihres eigenen benutzerdefinierten REST-API-Servers.
In diesem Fall gibt es dann innerhalb des REST-API-Servers einen Öffentlichen Ordner, der
ihn unterstützt, und dann
müssten Sie Ihre Angular-Anwendung in den öffentlichen Ordner auf Ihrer Serverseite kopieren. Auf
diese Weise würden Sie Ihre Angular-Anwendung bereitstellen.
Damit schließen wir diese Übung ab.
In dieser Übung haben wir gelernt, wie wir unsere
Angular-Anwendung auf einem Server bereitstellen.
Und wie man die Angular CLI nutzt, um eine Produktionsversion unserer
Angular-Anwendung zu erstellen, bevor wir die Bereitstellung unserer
Angular-Anwendung auf der Serverseite durchführen.
( MUSIK)