‫Kursleiter: Also, nach all der
‫Zeit und all der Arbeit, dieses riesige, komplette Projekt aufzubauen, ist
‫es jetzt endlich an der Zeit, es wirklich
‫auf einem Webserver bereitzustellen und wirklich mit der Welt zu teilen.
‫In diesem Video erfahren Sie,
‫wie Sie ein Projekt auf Heroku bereitstellen.
‫Und das erste, was wir tatsächlich tun
‫müssen, ist Heroku auf unserem Computer zu installieren.
‫Suchen wir also einfach nach Heroku NodeJS.
‫Daher haben wir hier im Grunde
‫eine Anleitung für die ersten Schritte für NodeJS
‫mit Heroku, da Sie alle Arten von Apps
‫auf Heroku hosten können, wie beispielsweise PHP- oder Ruby-on-Rails-Anwendungen.
‫Es funktioniert also nicht nur für NodeJS.
‫Und wir werden uns Heroku gleich genauer ansehen, aber
‫für den Moment beginnen wir einfach mit der
‫Installation dieses Programms hier.
‫Ich bin also im Einrichtungsteil dieser Anleitung hier.
‫Also fahren Sie jetzt fort und installieren Sie das
‫Installationsprogramm für Ihre Plattform, egal ob es sich um
‫macOS, Windows oder Linux handelt.
‫Oder in diesem Fall hier, ich denke, es funktioniert nur für Ubuntu.
‫Nein, eigentlich steht hier, dass es auch
‫für andere Linux verfügbar ist.
‫Wie auch immer, bitte fahren Sie fort und
‫installieren Sie die Version,
‫die Sie für Ihren Computer benötigen, und erstellen Sie
‫in der Zwischenzeit während der Installation ein neues Konto.
‫Klicken Sie also hier auf
‫Registrieren und eröffnen Sie dann Ihr kostenloses Heroku-Konto.
‫Also, noch ein Konto, das Sie erstellen müssen.
‫Es gibt also wirklich viele
‫verschiedene Konten, die Sie erstellen müssen, um dieses
‫Projekt abzuschließen, aber ich denke, so funktioniert moderne Webentwicklung.
‫Wie auch immer, nachdem Sie Ihr
‫Konto erstellt haben, werfen wir einen kurzen Blick hier auf
‫die Heroku-Website, um einen Überblick darüber zu erhalten, worum es bei dieser Plattform geht.
‫Heroku ist also
‫diese Plattform, die es wirklich, wirklich einfach
‫und problemlos macht, Ihre Webanwendungen bereitzustellen.
‫Und wieder können sie jede Sprache verwenden, die Sie
‫sich vorstellen können.
‫Wie Sie sehen, NodeJS, Ruby
‫on Rails, das ist wohl Go, oder
‫eigentlich Java, oder PHP, Python, das ist Go, oder?
‫Und so laufen wirklich alle Arten von Apps auf Heroku.
‫Mal sehen, was sie hier sagen.
‫Und das ist meistens nur Marketing-Gerede, denke ich.
‫Also nichts allzu interessantes hier.
‫Aber natürlich können Sie sich hier all
‫diese verschiedenen Handbücher anschauen.
‫Und eigentlich ist es kostenlos, mit Heroku mit einer
‫wirklich einfachen Anwendung zu beginnen.
‫Aber sobald Sie damit beginnen, das Level zu erhöhen,
‫müssen Sie natürlich bezahlen.
‫Aber hier enthält die kostenlose
‫Version, wie Sie sehen können, alle Kernfunktionen der Plattform.
‫Sie können sogar benutzerdefinierte Domänen hinzufügen.
‫Das einzige Problem dabei ist jedoch,
‫dass die Anwendung im Grunde in den Ruhezustand versetzt
‫wird, also nach 30 Minuten,
‫in denen niemand auf die Anwendung zugreift.
‫Aber wie auch immer,
‫Sie können sich das alles selbst ansehen.
‫Kommen wir nun also zurück zu unserem Projekt hier.
‫Um mit dem Bereitstellungsprozess zu beginnen,
‫melden wir uns zunächst über unsere Befehlszeile bei Heroku an.
‫Und das wird aufgrund der Installation, die wir gerade durchgeführt
‫haben, funktionieren.
‫In Ordnung, lassen Sie uns hier etwas mehr Platz einräumen.
‫Bereinigen Sie das und schreiben Sie jetzt heroku login.
‫Wenn Ihre Heroku-Installation erfolgreich war, sollten Sie nach der
‫Eingabe von heroku login diese Meldung hier sehen. Drücken Sie eine
‫beliebige Taste, um den Browser zu öffnen.
‫Drücken Sie also einfach eine beliebige Taste, wie es
‫heißt, außer Q, da dies die App beendet.
‫Und so öffnet sich für Sie ein Fenster, in das Sie
‫sich einloggen können.
‫Und danach werden Sie wie
‫von Zauberhand bei Heroku in Ihrer Befehlszeile eingeloggt.
‫Es sollte also wahrscheinlich etwas dauern und
‫manchmal funktioniert es nicht einmal beim ersten Versuch.
‫Also mir ist das tatsächlich schon mal passiert.
‫Drücken Sie also einfach Control C.
‫Auf einem Mac ist das also Control C, nicht Command C.
‫Und. Versuchen wir es noch einmal.
‫Drücken Sie eine beliebige Taste, kehren Sie zum Browser zurück, melden Sie sich erneut an.
‫Gehen Sie wieder zurück, und dann ist das erledigt.
‫Sie sehen, ich bin jetzt mit meiner E-Mail-Adresse eingeloggt.
‫Also, noch einmal, dies war nicht das
‫erste Mal, dass es bei mir beim ersten Mal nicht funktionierte.
‫Und wenn Ihnen das passiert
‫ist, dann machen Sie es einfach so, wie ich es hier gemacht habe.
‫Wie auch immer, jetzt sind wir
‫hier in unserer Konsole bei Heroku eingeloggt und
‫sollten nun in der Lage sein, ein neues Projekt zu erstellen.
‫Bevor wir das tun, müssen wir tatsächlich
‫etwas in unserem NPM-Paket ändern. json-Datei.
‫Also dieser.
‫Und das liegt daran, dass
‫Heroku hier unseren Startbefehl verwendet, um unsere Anwendung zu starten.
‫In der Produktion wollen wir hier Nodemon nicht verwenden.
‫Wir möchten unsere Anwendung einfach
‫mit dem Befehl node ausführen und nicht mit nodemon,
‫da dieser eigentlich nur für die Entwicklung gedacht ist.
‫Also, lass uns das ändern und ich werde diese Zeile duplizieren und
‫dann nennen wir diese eine dev.
‫Und dann wird der Start nur ein Knoten sein.
‫Also noch einmal in Ihrem Paket. json, sollten
‫Sie dieses Startskript immer so haben.
‫Also den node-Befehl und dann dein Einstiegspunkt.
‫Für Heroku ist es jetzt auch
‫wichtig, dass Sie diese Engines hier angeben.
‫Und so haben wir das, glaube
‫ich, früher gemacht, weil ein
‫Paket oder tatsächlich ESLint es benötigte, um richtig zu funktionieren.
‫Aber wenn wir es damals
‫nicht zurückgestellt hätten, nun, dann müssten wir es jetzt wirklich einstellen.
‫Da wir diese Datei
‫jetzt geändert haben, müssen wir diese Änderungen in unser Repository übertragen,
‫also lassen Sie uns git Paket hinzufügen. json hier.
‫Und dann git commit.
‫Und dann mit einer nützlichen Commit-Nachricht.
‫Eine andere Sache, die beim Bereitstellen einer
‫Anwendung für Heroku wirklich wichtig ist, ist, dass Sie beim Prozess
‫auf den Port hören. env. HAFEN.
‫Also, genau hier auf dem Server, machen wir das hier unten.
‫Also geben wir die Port-Variable als Prozess an. env. HAFEN.
‫Und so ist dies auch bei Heroku absolut obligatorisch,
‫da es sonst überhaupt nicht funktioniert.
‫Wenn wir hier zum Beispiel
‫nur einen zufälligen Port angeben, wie hier 3000,
‫dann würde das
‫wirklich nicht funktionieren, und
‫das liegt daran, dass Heroku dieser Umgebungsvariablen im Hintergrund
‫tatsächlich einen zufälligen Port zuweist.
‫Aber dazu gleich mehr, denn jetzt
‫sind wir wirklich
‫bereit für die eigentliche Bereitstellung.
‫Und dazu erstellen wir in unserem Projektordner
‫ein brandneues Heroku-Projekt.
‫Stellen Sie also sicher, dass Sie sich wirklich in
‫Ihrem Stammordner befinden, und
‫wenn Sie sicher sind, dass Sie dort sind und bei
‫Heroku angemeldet sind, was wir zuvor getan haben, können Sie heroku create schreiben.
‫Dadurch wird dann im Grunde eine neue App mit einem
‫völlig zufälligen Namen erstellt.
‫In meinem Fall also Radiant-Springen und dann diese
‫Nummer, aber Ihre Bewerbung
‫wird natürlich einen ganz anderen Namen haben.
‫Dies hat
‫nun tatsächlich einen neuen Remote-Zweig
‫in unserem Git-Repository erstellt.
‫Und dieser Zweig heißt Heroku.
‫Denken Sie also daran, wie wir zuvor in einer der vorherigen
‫Vorlesungen einen Remote-Zweig hinzugefügt haben, der auf GitHub verweist,
‫und dieser Zweig hieß origin.
‫Und so haben wir unseren Code mit
‫git push origin master in diesen Remote-Zweig verschoben, also so.
‫Erinnere dich daran?
‫Und so haben
‫wir jetzt, wie gesagt, einen neuen Remote-Zweig hier, der Heroku heißt.
‫Der Prozess der Bereitstellung unserer Anwendung ist also wirklich
‫so einfach wie das Pushen unseres Codes in diesen Remote-Zweig.
‫Also, git push heroku master.
‫Und es muss wirklich der Master-Zweig sein.
‫Es ist der einzige Zweig, für den diese Bereitstellung funktioniert.
‫Aber in unserem Fall, wie
‫Sie hier sehen, befinden wir uns tatsächlich in
‫unserem Master-Zweig und Sie können es auch hier unten in der Ecke von VS Code sehen.
‫Und das ist kein Problem.
‫Lassen Sie uns nun diesen
‫Befehl ausführen, was dann einige Zeit
‫dauern sollte, da er natürlich alle Ihre Dateien,
‫die sich im Repository befinden, nach Heroku hochlädt.
‫Und jetzt sehen Sie, wie all dieser Prozess hier abläuft,
‫und das
‫führt dazu, dass alle unsere Abhängigkeiten hier in unserer
‫neuen Anwendung installiert werden.
‫Also, in unserer Anwendung, die jetzt auf Heroku ist.
‫Warten wir also, bis dies erledigt ist,
‫und wir sehen uns wieder, wenn dieser Vorgang abgeschlossen ist.
‫Und damit ist das erledigt.
‫Ich hoffe, Sie haben die Meldung "Bereitstellung wird überprüft" erhalten. getan.
‫Sie sehen also, starten, und das bedeutet wirklich, dass unsere
‫Anwendung jetzt auf dieser URL in
‫Heroku bereitgestellt wird.
‫Sie sehen also, dass der Build erfolgreich ist.
‫Und wirklich all diese Nachrichten, über die
‫ich bereits gesprochen habe.
‫Um unsere Anwendung zu öffnen, müssen
‫wir jetzt nur noch heroku open schreiben.
‫Nun, wir erwarten noch nicht, dass
‫dies funktioniert, da alle unsere
‫Umgebungsvariablen tatsächlich
‫nicht definiert sind, weil wir diese Konfigurationsdatei hier aus unserem
‫Git-Repository ausgeschlossen haben.
‫Aber trotzdem, nur zum
‫Spaß, versuchen wir tatsächlich, unsere Anwendung zu öffnen.
‫Und so öffnet sich tatsächlich unsere URL, in diesem
‫Fall bei Radiant-springs-85848. herokuapp. com.
‫Im Grunde ist es die Subdomain von Heroku.
‫Und so haben wir
‫hier, wie erwartet, tatsächlich einen Fehler bekommen.
‫Dies liegt wiederum daran, dass unsere Umgebungsvariablen zu
‫diesem Zeitpunkt noch nicht definiert sind.
‫Jetzt können wir uns diese Fehler auch
‫in den Heroku-Logs ansehen.
‫Lassen Sie mich Ihnen das auch zeigen.
‫Also, Heroku-Protokolle --tail.
‫Hier sehen Sie, dass sich der Status von "Speichern" in "Abgestürzt" geändert hat. Sehen wir
‫uns also an, was wir hier haben.
‫Tatsächlich sehen Sie hier die von
‫uns selbst erstellte Fehlermeldung.
‫Also, UNCUGHT EXECEPTION mit diesem Emoji
‫und dann Herunterfahren...
‫Und, wie Sie hier
‫sehen, kann die Eigenschaft 'replace' von undefined nicht gelesen werden.
‫Dies liegt wiederum daran, dass die Umgebungsvariablen zu diesem
‫Zeitpunkt noch nicht definiert sind.
‫Lassen Sie uns diese Protokolle hier noch einmal mit Control C verlassen.
‫Lassen Sie uns
‫diese Umgebungsvariablen nun tatsächlich definieren,
‫damit unsere Anwendung funktioniert.
‫Und das
‫tun wir, indem wir jede Umgebungsvariable
‫mit einem speziellen Heroku-Befehl angeben.
‫Heroku und andere Hosting-Plattformen verwenden also
‫keine . env-Datei, wie wir es
‫hier in der Entwicklung für alle unsere Konfigurationsvariablen gemacht haben.
‫Auch hier in der Entwicklung verwenden wir diese Konfiguration. env, um unsere Umgebungsvariablen
‫zu setzen.
‫Aber hier in Heroku werden wir
‫sie anders definieren.
‫Aber in unserem Code funktioniert
‫alles, was wir haben, genau gleich.
‫Beginnen wir also mit der Variablen
‫NODE_ENV, die wir auf Produktion setzen müssen.
‫Also sagen wir heroku config:set und dann
‫den Namen der Variablen, NODE_ENV=production.
‫Und tatsächlich ist diese Variable
‫NODE_ENV standardmäßig auf Produktion von Heroku eingestellt.
‫Aber lassen Sie uns trotzdem zu 100%
‫sicherstellen, dass es wirklich so
‫bleibt, auch wenn Heroku etwas ändert.
‫Lassen Sie uns dies also wirklich tun,
‫denn wie wir wissen, hängt ein Großteil unseres Codes
‫tatsächlich von dieser Variable ab und
‫kann auch dazu führen, dass Node-Anwendungen bis zu dreimal schneller ausgeführt werden.
‫Ich glaube, darüber haben wir schon gesprochen.
‫Daher ist es wichtig, NODE_ENV auf Produktion zu setzen.
‫Aber auf jeden Fall ist es eine gute Sache, es tatsächlich zu tun.
‫Drücken Sie also einfach die Eingabetaste
‫und es wird dann diese Umgebungsvariable gesetzt und
‫die Anwendung neu gestartet.
‫Also müssen wir dies
‫jetzt nur noch
‫für alle relevanten Umgebungsvariablen tun.
‫Also, wir haben NODE_ENV gemacht, jetzt den Port, wir werden ihn
‫nicht setzen, weil Heroku,
‫wie ich bereits erwähnt habe, hinter
‫den Kulissen unserer Anwendung einen zufälligen Port zuweisen wird.
‫Als nächstes fügen wir die Datenbank hinzu.
‫Und eigentlich kopieren wir das alles.
‫Und dann einfach hier einfügen.
‫Und das hat nicht wirklich funktioniert, also
‫versuchen wir es hier vielleicht mit ein paar Anführungszeichen.
‫Ja, das sieht viel besser aus.
‫Als nächstes das Datenbankkennwort.
‫Lass es uns hier klären.
‫Als nächstes das Geheimnis.
‫Also einfach so.
‫Daher ist es für alle ein bisschen langweilig, aber wir
‫müssen es nur einmal machen, also
‫ist es nicht wirklich eine große Sache.
‫Nun, wir brauchen diese hier auch, weil
‫all dies hier nur für Mailtrap ist und
‫wir das in der Produktion eigentlich nicht brauchen, denn
‫denken Sie daran, dass in der Produktion
‫alle unsere E-Mails tatsächlich mit SENDGRID gesendet werden und
‫nicht mehr mit Mailtrap.
‫In unserer Heroku-Anwendung brauchen
‫wir diese also nicht für Variablen.
‫Aber wir brauchen die E-Mail von.
‫Das ist also unser Nächstes.
‫Dann benötigen wir SENDGRID_USERNAME
‫sowie das Passwort.
‫Und schließlich unser geheimer Streifenschlüssel.
‫Und damit haben wir,
‫denke ich, alle unsere relevanten Variablen hier eingestellt.
‫Also versuchen wir es noch einmal, Heroku geöffnet.
‫Und das sieht perfekt aus, wunderschön.
‫Also, wirklich, unsere Anwendung wird jetzt auf Radiant-Springen
‫oder was auch immer Sie in Ihrem Fall haben, bereitgestellt und
‫alles scheint wunderbar zu funktionieren.
‫Alle unsere Bilder sind also hier.
‫Schauen wir uns auch hier eine einzelne Seite an.
‫Und tatsächlich funktioniert das alles wunderbar.
‫Also wird auch unsere Karte angezeigt.
‫Und ja, es scheint gut zu funktionieren.
‫Und die Tatsache, dass dies alles so reibungslos funktioniert,
‫zeigt auch
‫die Schönheit einer gehosteten Datenbank, auch während
‫der Entwicklung, denn egal ob
‫wir in der Entwicklung oder
‫in der Produktion sind, unsere Datenbank funktioniert einfach weiter.
‫Wenn wir also eine lokale
‫Datenbank verwendet hätten, müssten wir jetzt alle
‫Daten aus dieser lokalen Datenbank exportieren, dann eine gehostete Datenbank
‫erstellen und alle Daten in diese gehostete Datenbank hochladen.
‫Das würde natürlich einen zusätzlichen Schritt und
‫zusätzliche Arbeit bedeuten.
‫Und auch hiermit funktioniert es einfach.
‫Das ist also eine sehr schöne Entwicklererfahrung.
‫Mal sehen, ob wir uns hier auch einloggen
‫können, was natürlich mit laura@example 2,
‫3, 4 möglich sein sollte.
‫Und es scheint so.
‫So schön.
‫Mal sehen, ob alle unsere Buchtouren noch da
‫sind, aber warum nicht?
‫Und tatsächlich, es ist tatsächlich nur einer,
‫aber tatsächlich ist er hier.
‫Also, großartig, das ist absolut fantastisch.
‫Werfen wir nun einen
‫kurzen Blick in unser Heroku-Dashboard.
‫Also, hier, lasst uns Heroku öffnen.
‫Schließen Sie diese beiden.
‫Da wir uns zuvor hier
‫angemeldet haben, sollte uns dies automatisch zum Dashboard führen
‫und dieses Dashboard zeigt Ihnen dann standardmäßig alle
‫Anwendungen an, die Sie derzeit bereitgestellt haben.
‫Und so ist diejenige, die wir gerade eingesetzt
‫haben, diese strahlenden Quellen hier.
‫Also, lass uns das öffnen.
‫Dann können Sie hier
‫auf der rechten Seite alle Aktivitäten sehen.
‫Zum Beispiel das Setzen all dieser Konfigurationsvariablen, die
‫wir gerade gemacht haben.
‫Sie haben Ihre Ressourcen und vieles davon ist nur interessant, wenn Sie
‫einen bezahlten Prüfstand haben.
‫Und ein Dyno ist wirklich nur der Begriff,
‫den Heroku im Grunde für einen Container verwendet, in dem
‫Ihre Anwendung ausgeführt wird.
‫Wir haben also einige Metriken, mit denen
‫wir sehen können, wer auf die App zugreift, aber das
‫funktioniert nur, wenn Sie ein
‫Hobby oder einen professionellen Prüfstand haben.
‫Aber was hier wirklich zählt, sind die
‫Einstellungen und daher wollte
‫ich Ihnen hier zeigen, dass wir die Konfigurationsvariablen offenlegen können.
‫Anstatt sie in der Befehlszeile zu ändern
‫oder hinzuzufügen, könnten wir dies also auch hier tun.
‫Dies sind also alle, die wir gerade in der
‫Befehlszeile hinzugefügt haben.
‫Dann ist hier oben in More eine weitere sehr wichtige Sache, wir
‫können unsere Protokolle tatsächlich sehen.
‫Warten wir also hier ab.
‫Und so gibt Heroku Ihnen dann all diese Protokolle wirklich
‫für alles, was in Ihrer Anwendung passiert.
‫Als wir die App im Browser geöffnet haben,
‫hat sie also alle diese Dateien angefordert, wie
‫Sie beispielsweise hier sehen können.
‫Also, wirklich, alles, was vor
‫sich geht, wird hier in diesen Protokollen stehen.
‫Also, wenn Ihre App abstürzt oder etwas passiert und im Grunde alles,
‫wofür wir eine Konsole verwendet haben. log wird
‫dann hier in diesen Protokollen angezeigt.
‫Dies waren also die Heroku-Protokolle, die ich in
‫einem der vorherigen Vorträge erwähnt habe.
‫Nun können wir
‫den Namen unserer Anwendung ändern.
‫Anstatt diesen zufälligen Namen zu nennen, können wir
‫ihm einen aussagekräftigeren Namen geben.
‫Nun, das könnten wir hier machen,
‫aber das würde dann unsere Anwendung im Terminal auf unserem lokalen
‫Computer irgendwie durcheinander bringen.
‫Stattdessen ändern wir den
‫Namen hier direkt.
‫Sagen wir also heroku apps:rename, wie folgt, und dann den
‫neuen Namen für die Anwendung.
‫Und, ich nenne
‫es natours, aber Sie können
‫es dann natürlich nicht auch natours nennen, weil diese
‫Subdomain dann schon vergeben ist.
‫Sie können es dann natours mit Ihrem Namen oder
‫mit Ihrem Benutzernamen oder wirklich jedem anderen Wort nennen, das
‫Sie möchten.
‫Also, ich mache weiter und nenne es jetzt wirklich Natours.
‫Oh, aber ich sehe, dass mir schon jemand diesen Namen genommen hat,
‫also ist das bedauerlich.
‫Aber wahrscheinlich liegt es daran, dass ich den Namen natours bereits in
‫einem Projekt in einem anderen Kurs verwendet habe.
‫Also muss es jemand genommen haben.
‫Also, nennen wir es natoursapp und natürlich muss
‫ich dann alles andere schreiben.
‫Also, heroku apps: umbenennen und
‫dann natoursapp.
‫Also hat hoffentlich niemand diesen genommen.
‫Und es scheint, als würde es
‫etwas bewirken, aber das hat auch schon jemand genommen.
‫Nun, das ist wirklich seltsam.
‫Ich schätze, ich habe viele Studenten da
‫draußen, die ihre Apps auf Heroku posten, also werde ich
‫einfach dem Beispiel folgen, das ich zuvor gegeben habe, und
‫hier meinen Namen hinzufügen.
‫Also, dritter Versuch mit natours-jonas.
‫Also, ja, hoffen wir, dass es beim dritten Mal klappt.
‫Warten wir also hier ab.
‫Und das ist es.
‫Also, versuchen wir es mit Heroku Open.
‫Alles klar, und los geht's.
‫Und jetzt, an dieser Stelle,
‫wird die alte Version tatsächlich nicht mehr funktionieren.
‫Also, dieser ist weg, schließen wir ihn.
‫Kehren wir hier zum Personal zurück.
‫Und so, ja, los geht's.
‫Das ist natours-jonas.
‫Großartig, also ist unsere Website jetzt offiziell in Produktion.
‫Eine andere Sache, die ich hier tun
‫möchte, ist, die Postman-Umgebungsvariable für die Produktion tatsächlich zu
‫aktualisieren, erinnern Sie sich daran?
‫Also, lass uns das hier kopieren.
‫Und auch nicht, wie eigentlich automatisch
‫wir hier auf Heroku auf https sind.
‫Heroku übernimmt also hinter den Kulissen die gesamte
‫SSL-Zertifikatsverwaltung für uns, damit unsere Seite immer sicher ist,
‫immer mit https.
‫Das ist also ein weiteres wirklich nettes Feature von Heroku.
‫Also, hier in Postman,
‫lassen Sie uns diese Produktion und die URL ändern.
‫Dies war natürlich nur ein Platzhalter.
‫Und stattdessen wollen wir jetzt unsere echte Produktions-URL.
‫Und ich bin mir nicht sicher, ob es so richtig
‫ist, aber aktualisieren Sie es einfach und vergleichen Sie es mit der Entwicklung.
‫Aber es ist tatsächlich so.
‫Es muss also mit diesem Schrägstrich enden.
‫Und das, was wir gerade gemacht haben, tut das auch.
‫Also, lassen Sie uns aktualisieren, schließen,
‫und jetzt müssen wir hier nur noch von
‫der Entwicklung auf diese produktive Natours-Umgebung wechseln.
‫Wenn ich zum Beispiel versuche, Get All Tours zu bekommen, was
‫tatsächlich diejenige ist, die wir geöffnet hatten,
‫dann sehen wir, ob das funktioniert.
‫Schalten wir das alles aus.
‫Und das tut es tatsächlich, großartig.
‫Mal sehen, ob
‫wir hier irgendwo die vollständige URL sehen können.
‫Nun, es wird nicht wirklich angezeigt.
‫Aber egal, es spielt keine Rolle,
‫denn wir wissen immer noch, dass es tatsächlich funktioniert hat.
‫Wir haben diese Daten jetzt
‫also wirklich von unserer Produktions-API hierher zurückbekommen und können das
‫leicht nachweisen, da die Entwicklungsversion derzeit noch
‫nicht einmal läuft.
‫Wenn wir dies senden, erhalten wir diesen Fehler.
‫Also noch einmal herzlichen Glückwunsch,
‫dass das Projekt jetzt fast abgeschlossen ist.
‫Es ist bereits auf dem
‫Live-Server und Sie können Ihr Projekt
‫jetzt mit der Welt teilen und allen zeigen, was Sie
‫nach all der Arbeit an diesem Projekt erreicht haben.
‫Nur noch eine ganz kleine Sache, die ich hier machen
‫wollte, wie ich in der letzten Vorlesung sagte, ist, diese Kompression zu testen.
‫Also, lassen Sie uns hier einfach nach der gzip-Komprimierung testen.
‫Und dann sollte das das erste Ergebnis hier sein,
‫Gift of Speed.
‫Also, wenn wir hier unsere URL eingeben und dann prüfen, mal sehen.
‫Und wir sehen, dass GZIP aktiviert ist.
‫Das liegt an dem Komprimierungspaket, das wir in
‫der letzten Vorlesung verwendet haben.
‫Ursprünglich hatte unsere Seite also 14K, aber dann
‫komprimiert sind es 2K.
‫Und das macht in diesem Fall natürlich
‫keinen großen Unterschied, aber bei einer viel größeren Seite kann es
‫natürlich für Ihre Benutzer wirklich einen Unterschied machen.
‫Perfekt, jetzt gibt es in den nächsten paar Videos nur
‫noch ein paar kleine Dinge,
‫die wir hier noch beheben müssen.
‫Und das werden wir
‫aber in den nächsten zwei oder drei Vorlesungen tun.
‫Danach ist das
‫Projekt also wirklich zu 100 % fertig.