1 00:00:01,150 --> 00:00:03,130 ‫Kursleiter: Also, nach all der 2 00:00:03,130 --> 00:00:06,850 ‫Zeit und all der Arbeit, dieses riesige, komplette Projekt aufzubauen, ist 3 00:00:06,850 --> 00:00:09,660 ‫es jetzt endlich an der Zeit, es wirklich 4 00:00:09,660 --> 00:00:13,370 ‫auf einem Webserver bereitzustellen und wirklich mit der Welt zu teilen. 5 00:00:13,370 --> 00:00:15,510 ‫In diesem Video erfahren Sie, 6 00:00:15,510 --> 00:00:18,467 ‫wie Sie ein Projekt auf Heroku bereitstellen. 7 00:00:20,167 --> 00:00:22,610 ‫Und das erste, was wir tatsächlich tun 8 00:00:22,610 --> 00:00:25,143 ‫müssen, ist Heroku auf unserem Computer zu installieren. 9 00:00:26,870 --> 00:00:30,427 ‫Suchen wir also einfach nach Heroku NodeJS. 10 00:00:35,020 --> 00:00:38,050 ‫Daher haben wir hier im Grunde 11 00:00:38,050 --> 00:00:41,530 ‫eine Anleitung für die ersten Schritte für NodeJS 12 00:00:41,530 --> 00:00:45,000 ‫mit Heroku, da Sie alle Arten von Apps 13 00:00:45,000 --> 00:00:48,700 ‫auf Heroku hosten können, wie beispielsweise PHP- oder Ruby-on-Rails-Anwendungen. 14 00:00:48,700 --> 00:00:51,190 ‫Es funktioniert also nicht nur für NodeJS. 15 00:00:51,190 --> 00:00:54,420 ‫Und wir werden uns Heroku gleich genauer ansehen, aber 16 00:00:54,420 --> 00:00:57,520 ‫für den Moment beginnen wir einfach mit der 17 00:00:57,520 --> 00:00:59,200 ‫Installation dieses Programms hier. 18 00:00:59,200 --> 00:01:02,630 ‫Ich bin also im Einrichtungsteil dieser Anleitung hier. 19 00:01:02,630 --> 00:01:05,580 ‫Also fahren Sie jetzt fort und installieren Sie das 20 00:01:05,580 --> 00:01:08,540 ‫Installationsprogramm für Ihre Plattform, egal ob es sich um 21 00:01:08,540 --> 00:01:10,660 ‫macOS, Windows oder Linux handelt. 22 00:01:10,660 --> 00:01:14,660 ‫Oder in diesem Fall hier, ich denke, es funktioniert nur für Ubuntu. 23 00:01:14,660 --> 00:01:17,270 ‫Nein, eigentlich steht hier, dass es auch 24 00:01:17,270 --> 00:01:19,770 ‫für andere Linux verfügbar ist. 25 00:01:19,770 --> 00:01:22,260 ‫Wie auch immer, bitte fahren Sie fort und 26 00:01:22,260 --> 00:01:24,010 ‫installieren Sie die Version, 27 00:01:24,010 --> 00:01:27,090 ‫die Sie für Ihren Computer benötigen, und erstellen Sie 28 00:01:27,090 --> 00:01:30,190 ‫in der Zwischenzeit während der Installation ein neues Konto. 29 00:01:30,190 --> 00:01:32,700 ‫Klicken Sie also hier auf 30 00:01:32,700 --> 00:01:36,010 ‫Registrieren und eröffnen Sie dann Ihr kostenloses Heroku-Konto. 31 00:01:36,010 --> 00:01:38,890 ‫Also, noch ein Konto, das Sie erstellen müssen. 32 00:01:38,890 --> 00:01:41,640 ‫Es gibt also wirklich viele 33 00:01:41,640 --> 00:01:45,140 ‫verschiedene Konten, die Sie erstellen müssen, um dieses 34 00:01:45,140 --> 00:01:49,310 ‫Projekt abzuschließen, aber ich denke, so funktioniert moderne Webentwicklung. 35 00:01:49,310 --> 00:01:51,730 ‫Wie auch immer, nachdem Sie Ihr 36 00:01:51,730 --> 00:01:55,050 ‫Konto erstellt haben, werfen wir einen kurzen Blick hier auf 37 00:01:55,050 --> 00:01:59,830 ‫die Heroku-Website, um einen Überblick darüber zu erhalten, worum es bei dieser Plattform geht. 38 00:01:59,830 --> 00:02:01,700 ‫Heroku ist also 39 00:02:01,700 --> 00:02:04,870 ‫diese Plattform, die es wirklich, wirklich einfach 40 00:02:04,870 --> 00:02:07,290 ‫und problemlos macht, Ihre Webanwendungen bereitzustellen. 41 00:02:07,290 --> 00:02:10,360 ‫Und wieder können sie jede Sprache verwenden, die Sie 42 00:02:10,360 --> 00:02:11,650 ‫sich vorstellen können. 43 00:02:11,650 --> 00:02:14,600 ‫Wie Sie sehen, NodeJS, Ruby 44 00:02:14,600 --> 00:02:17,820 ‫on Rails, das ist wohl Go, oder 45 00:02:17,820 --> 00:02:22,050 ‫eigentlich Java, oder PHP, Python, das ist Go, oder? 46 00:02:22,050 --> 00:02:27,050 ‫Und so laufen wirklich alle Arten von Apps auf Heroku. 47 00:02:28,380 --> 00:02:30,890 ‫Mal sehen, was sie hier sagen. 48 00:02:30,890 --> 00:02:35,163 ‫Und das ist meistens nur Marketing-Gerede, denke ich. 49 00:02:36,020 --> 00:02:38,220 ‫Also nichts allzu interessantes hier. 50 00:02:38,220 --> 00:02:40,660 ‫Aber natürlich können Sie sich hier all 51 00:02:40,660 --> 00:02:42,550 ‫diese verschiedenen Handbücher anschauen. 52 00:02:42,550 --> 00:02:45,690 ‫Und eigentlich ist es kostenlos, mit Heroku mit einer 53 00:02:45,690 --> 00:02:47,900 ‫wirklich einfachen Anwendung zu beginnen. 54 00:02:47,900 --> 00:02:51,120 ‫Aber sobald Sie damit beginnen, das Level zu erhöhen, 55 00:02:51,120 --> 00:02:53,083 ‫müssen Sie natürlich bezahlen. 56 00:02:54,400 --> 00:02:56,470 ‫Aber hier enthält die kostenlose 57 00:02:56,470 --> 00:02:59,600 ‫Version, wie Sie sehen können, alle Kernfunktionen der Plattform. 58 00:02:59,600 --> 00:03:01,820 ‫Sie können sogar benutzerdefinierte Domänen hinzufügen. 59 00:03:01,820 --> 00:03:03,800 ‫Das einzige Problem dabei ist jedoch, 60 00:03:03,800 --> 00:03:06,550 ‫dass die Anwendung im Grunde in den Ruhezustand versetzt 61 00:03:06,550 --> 00:03:08,210 ‫wird, also nach 30 Minuten, 62 00:03:08,210 --> 00:03:10,283 ‫in denen niemand auf die Anwendung zugreift. 63 00:03:11,760 --> 00:03:13,460 ‫Aber wie auch immer, 64 00:03:13,460 --> 00:03:15,660 ‫Sie können sich das alles selbst ansehen. 65 00:03:15,660 --> 00:03:18,870 ‫Kommen wir nun also zurück zu unserem Projekt hier. 66 00:03:18,870 --> 00:03:21,430 ‫Um mit dem Bereitstellungsprozess zu beginnen, 67 00:03:21,430 --> 00:03:25,300 ‫melden wir uns zunächst über unsere Befehlszeile bei Heroku an. 68 00:03:25,300 --> 00:03:28,370 ‫Und das wird aufgrund der Installation, die wir gerade durchgeführt 69 00:03:28,370 --> 00:03:29,367 ‫haben, funktionieren. 70 00:03:30,290 --> 00:03:32,970 ‫In Ordnung, lassen Sie uns hier etwas mehr Platz einräumen. 71 00:03:32,970 --> 00:03:36,763 ‫Bereinigen Sie das und schreiben Sie jetzt heroku login. 72 00:03:40,060 --> 00:03:43,350 ‫Wenn Ihre Heroku-Installation erfolgreich war, sollten Sie nach der 73 00:03:43,350 --> 00:03:47,410 ‫Eingabe von heroku login diese Meldung hier sehen. Drücken Sie eine 74 00:03:47,410 --> 00:03:50,100 ‫beliebige Taste, um den Browser zu öffnen. 75 00:03:50,100 --> 00:03:52,890 ‫Drücken Sie also einfach eine beliebige Taste, wie es 76 00:03:52,890 --> 00:03:55,663 ‫heißt, außer Q, da dies die App beendet. 77 00:03:57,270 --> 00:04:00,880 ‫Und so öffnet sich für Sie ein Fenster, in das Sie 78 00:04:00,880 --> 00:04:02,243 ‫sich einloggen können. 79 00:04:04,690 --> 00:04:07,250 ‫Und danach werden Sie wie 80 00:04:07,250 --> 00:04:11,110 ‫von Zauberhand bei Heroku in Ihrer Befehlszeile eingeloggt. 81 00:04:11,110 --> 00:04:13,650 ‫Es sollte also wahrscheinlich etwas dauern und 82 00:04:14,490 --> 00:04:17,230 ‫manchmal funktioniert es nicht einmal beim ersten Versuch. 83 00:04:17,230 --> 00:04:19,090 ‫Also mir ist das tatsächlich schon mal passiert. 84 00:04:19,090 --> 00:04:20,873 ‫Drücken Sie also einfach Control C. 85 00:04:22,990 --> 00:04:26,680 ‫Auf einem Mac ist das also Control C, nicht Command C. 86 00:04:26,680 --> 00:04:28,163 ‫Und. Versuchen wir es noch einmal. 87 00:04:29,370 --> 00:04:33,493 ‫Drücken Sie eine beliebige Taste, kehren Sie zum Browser zurück, melden Sie sich erneut an. 88 00:04:35,980 --> 00:04:38,750 ‫Gehen Sie wieder zurück, und dann ist das erledigt. 89 00:04:38,750 --> 00:04:42,480 ‫Sie sehen, ich bin jetzt mit meiner E-Mail-Adresse eingeloggt. 90 00:04:42,480 --> 00:04:44,890 ‫Also, noch einmal, dies war nicht das 91 00:04:44,890 --> 00:04:47,920 ‫erste Mal, dass es bei mir beim ersten Mal nicht funktionierte. 92 00:04:47,920 --> 00:04:49,500 ‫Und wenn Ihnen das passiert 93 00:04:49,500 --> 00:04:53,120 ‫ist, dann machen Sie es einfach so, wie ich es hier gemacht habe. 94 00:04:53,120 --> 00:04:55,130 ‫Wie auch immer, jetzt sind wir 95 00:04:55,130 --> 00:04:57,660 ‫hier in unserer Konsole bei Heroku eingeloggt und 96 00:04:57,660 --> 00:05:00,993 ‫sollten nun in der Lage sein, ein neues Projekt zu erstellen. 97 00:05:02,360 --> 00:05:05,560 ‫Bevor wir das tun, müssen wir tatsächlich 98 00:05:05,560 --> 00:05:10,480 ‫etwas in unserem NPM-Paket ändern. json-Datei. 99 00:05:10,480 --> 00:05:11,650 ‫Also dieser. 100 00:05:11,650 --> 00:05:13,760 ‫Und das liegt daran, dass 101 00:05:13,760 --> 00:05:17,810 ‫Heroku hier unseren Startbefehl verwendet, um unsere Anwendung zu starten. 102 00:05:17,810 --> 00:05:22,040 ‫In der Produktion wollen wir hier Nodemon nicht verwenden. 103 00:05:22,040 --> 00:05:23,870 ‫Wir möchten unsere Anwendung einfach 104 00:05:23,870 --> 00:05:26,920 ‫mit dem Befehl node ausführen und nicht mit nodemon, 105 00:05:26,920 --> 00:05:29,950 ‫da dieser eigentlich nur für die Entwicklung gedacht ist. 106 00:05:29,950 --> 00:05:32,970 ‫Also, lass uns das ändern und ich werde diese Zeile duplizieren und 107 00:05:33,937 --> 00:05:35,587 ‫dann nennen wir diese eine dev. 108 00:05:36,450 --> 00:05:38,953 ‫Und dann wird der Start nur ein Knoten sein. 109 00:05:40,690 --> 00:05:43,810 ‫Also noch einmal in Ihrem Paket. json, sollten 110 00:05:43,810 --> 00:05:46,890 ‫Sie dieses Startskript immer so haben. 111 00:05:46,890 --> 00:05:49,773 ‫Also den node-Befehl und dann dein Einstiegspunkt. 112 00:05:50,610 --> 00:05:53,920 ‫Für Heroku ist es jetzt auch 113 00:05:53,920 --> 00:05:57,490 ‫wichtig, dass Sie diese Engines hier angeben. 114 00:05:57,490 --> 00:05:59,670 ‫Und so haben wir das, glaube 115 00:05:59,670 --> 00:06:01,720 ‫ich, früher gemacht, weil ein 116 00:06:01,720 --> 00:06:05,230 ‫Paket oder tatsächlich ESLint es benötigte, um richtig zu funktionieren. 117 00:06:05,230 --> 00:06:07,440 ‫Aber wenn wir es damals 118 00:06:07,440 --> 00:06:11,213 ‫nicht zurückgestellt hätten, nun, dann müssten wir es jetzt wirklich einstellen. 119 00:06:12,610 --> 00:06:14,550 ‫Da wir diese Datei 120 00:06:14,550 --> 00:06:18,353 ‫jetzt geändert haben, müssen wir diese Änderungen in unser Repository übertragen, 121 00:06:19,200 --> 00:06:24,200 ‫also lassen Sie uns git Paket hinzufügen. json hier. 122 00:06:24,560 --> 00:06:25,693 ‫Und dann git commit. 123 00:06:31,820 --> 00:06:34,323 ‫Und dann mit einer nützlichen Commit-Nachricht. 124 00:06:37,652 --> 00:06:39,660 ‫Eine andere Sache, die beim Bereitstellen einer 125 00:06:39,660 --> 00:06:42,640 ‫Anwendung für Heroku wirklich wichtig ist, ist, dass Sie beim Prozess 126 00:06:42,640 --> 00:06:46,543 ‫auf den Port hören. env. HAFEN. 127 00:06:47,580 --> 00:06:52,580 ‫Also, genau hier auf dem Server, machen wir das hier unten. 128 00:06:54,500 --> 00:06:59,100 ‫Also geben wir die Port-Variable als Prozess an. env. HAFEN. 129 00:06:59,100 --> 00:07:02,460 ‫Und so ist dies auch bei Heroku absolut obligatorisch, 130 00:07:02,460 --> 00:07:04,850 ‫da es sonst überhaupt nicht funktioniert. 131 00:07:04,850 --> 00:07:07,010 ‫Wenn wir hier zum Beispiel 132 00:07:07,010 --> 00:07:10,130 ‫nur einen zufälligen Port angeben, wie hier 3000, 133 00:07:10,130 --> 00:07:11,780 ‫dann würde das 134 00:07:13,035 --> 00:07:15,050 ‫wirklich nicht funktionieren, und 135 00:07:15,050 --> 00:07:18,730 ‫das liegt daran, dass Heroku dieser Umgebungsvariablen im Hintergrund 136 00:07:18,730 --> 00:07:20,780 ‫tatsächlich einen zufälligen Port zuweist. 137 00:07:20,780 --> 00:07:23,270 ‫Aber dazu gleich mehr, denn jetzt 138 00:07:24,310 --> 00:07:26,320 ‫sind wir wirklich 139 00:07:26,320 --> 00:07:28,780 ‫bereit für die eigentliche Bereitstellung. 140 00:07:28,780 --> 00:07:31,890 ‫Und dazu erstellen wir in unserem Projektordner 141 00:07:31,890 --> 00:07:33,420 ‫ein brandneues Heroku-Projekt. 142 00:07:33,420 --> 00:07:36,830 ‫Stellen Sie also sicher, dass Sie sich wirklich in 143 00:07:36,830 --> 00:07:38,700 ‫Ihrem Stammordner befinden, und 144 00:07:38,700 --> 00:07:42,240 ‫wenn Sie sicher sind, dass Sie dort sind und bei 145 00:07:42,240 --> 00:07:46,943 ‫Heroku angemeldet sind, was wir zuvor getan haben, können Sie heroku create schreiben. 146 00:07:48,160 --> 00:07:52,000 ‫Dadurch wird dann im Grunde eine neue App mit einem 147 00:07:52,000 --> 00:07:53,890 ‫völlig zufälligen Namen erstellt. 148 00:07:53,890 --> 00:07:57,060 ‫In meinem Fall also Radiant-Springen und dann diese 149 00:07:57,060 --> 00:07:59,320 ‫Nummer, aber Ihre Bewerbung 150 00:07:59,320 --> 00:08:02,350 ‫wird natürlich einen ganz anderen Namen haben. 151 00:08:02,350 --> 00:08:04,020 ‫Dies hat 152 00:08:04,020 --> 00:08:06,580 ‫nun tatsächlich einen neuen Remote-Zweig 153 00:08:06,580 --> 00:08:08,290 ‫in unserem Git-Repository erstellt. 154 00:08:08,290 --> 00:08:10,500 ‫Und dieser Zweig heißt Heroku. 155 00:08:10,500 --> 00:08:14,090 ‫Denken Sie also daran, wie wir zuvor in einer der vorherigen 156 00:08:14,090 --> 00:08:17,150 ‫Vorlesungen einen Remote-Zweig hinzugefügt haben, der auf GitHub verweist, 157 00:08:17,150 --> 00:08:19,263 ‫und dieser Zweig hieß origin. 158 00:08:20,160 --> 00:08:23,530 ‫Und so haben wir unseren Code mit 159 00:08:23,530 --> 00:08:27,423 ‫git push origin master in diesen Remote-Zweig verschoben, also so. 160 00:08:29,090 --> 00:08:30,320 ‫Erinnere dich daran? 161 00:08:30,320 --> 00:08:31,610 ‫Und so haben 162 00:08:31,610 --> 00:08:35,040 ‫wir jetzt, wie gesagt, einen neuen Remote-Zweig hier, der Heroku heißt. 163 00:08:35,040 --> 00:08:38,420 ‫Der Prozess der Bereitstellung unserer Anwendung ist also wirklich 164 00:08:38,420 --> 00:08:41,960 ‫so einfach wie das Pushen unseres Codes in diesen Remote-Zweig. 165 00:08:41,960 --> 00:08:46,740 ‫Also, git push heroku master. 166 00:08:46,740 --> 00:08:49,450 ‫Und es muss wirklich der Master-Zweig sein. 167 00:08:49,450 --> 00:08:53,033 ‫Es ist der einzige Zweig, für den diese Bereitstellung funktioniert. 168 00:08:53,870 --> 00:08:55,580 ‫Aber in unserem Fall, wie 169 00:08:55,580 --> 00:08:57,700 ‫Sie hier sehen, befinden wir uns tatsächlich in 170 00:08:57,700 --> 00:09:01,823 ‫unserem Master-Zweig und Sie können es auch hier unten in der Ecke von VS Code sehen. 171 00:09:03,020 --> 00:09:04,690 ‫Und das ist kein Problem. 172 00:09:04,690 --> 00:09:06,670 ‫Lassen Sie uns nun diesen 173 00:09:06,670 --> 00:09:08,780 ‫Befehl ausführen, was dann einige Zeit 174 00:09:08,780 --> 00:09:11,580 ‫dauern sollte, da er natürlich alle Ihre Dateien, 175 00:09:11,580 --> 00:09:14,323 ‫die sich im Repository befinden, nach Heroku hochlädt. 176 00:09:18,330 --> 00:09:22,340 ‫Und jetzt sehen Sie, wie all dieser Prozess hier abläuft, 177 00:09:22,340 --> 00:09:23,327 ‫und das 178 00:09:23,327 --> 00:09:26,640 ‫führt dazu, dass alle unsere Abhängigkeiten hier in unserer 179 00:09:26,640 --> 00:09:28,380 ‫neuen Anwendung installiert werden. 180 00:09:28,380 --> 00:09:30,357 ‫Also, in unserer Anwendung, die jetzt auf Heroku ist. 181 00:09:33,500 --> 00:09:35,970 ‫Warten wir also, bis dies erledigt ist, 182 00:09:35,970 --> 00:09:39,153 ‫und wir sehen uns wieder, wenn dieser Vorgang abgeschlossen ist. 183 00:09:40,470 --> 00:09:42,270 ‫Und damit ist das erledigt. 184 00:09:42,270 --> 00:09:46,350 ‫Ich hoffe, Sie haben die Meldung "Bereitstellung wird überprüft" erhalten. getan. 185 00:09:46,350 --> 00:09:50,610 ‫Sie sehen also, starten, und das bedeutet wirklich, dass unsere 186 00:09:50,610 --> 00:09:53,320 ‫Anwendung jetzt auf dieser URL in 187 00:09:53,320 --> 00:09:55,023 ‫Heroku bereitgestellt wird. 188 00:09:56,240 --> 00:09:58,770 ‫Sie sehen also, dass der Build erfolgreich ist. 189 00:09:58,770 --> 00:10:01,920 ‫Und wirklich all diese Nachrichten, über die 190 00:10:01,920 --> 00:10:04,190 ‫ich bereits gesprochen habe. 191 00:10:04,190 --> 00:10:06,810 ‫Um unsere Anwendung zu öffnen, müssen 192 00:10:06,810 --> 00:10:09,703 ‫wir jetzt nur noch heroku open schreiben. 193 00:10:11,240 --> 00:10:13,750 ‫Nun, wir erwarten noch nicht, dass 194 00:10:13,750 --> 00:10:16,250 ‫dies funktioniert, da alle unsere 195 00:10:16,250 --> 00:10:17,620 ‫Umgebungsvariablen tatsächlich 196 00:10:18,670 --> 00:10:22,780 ‫nicht definiert sind, weil wir diese Konfigurationsdatei hier aus unserem 197 00:10:22,780 --> 00:10:24,163 ‫Git-Repository ausgeschlossen haben. 198 00:10:25,560 --> 00:10:27,420 ‫Aber trotzdem, nur zum 199 00:10:27,420 --> 00:10:30,720 ‫Spaß, versuchen wir tatsächlich, unsere Anwendung zu öffnen. 200 00:10:30,720 --> 00:10:34,450 ‫Und so öffnet sich tatsächlich unsere URL, in diesem 201 00:10:34,450 --> 00:10:38,517 ‫Fall bei Radiant-springs-85848. herokuapp. com. 202 00:10:41,100 --> 00:10:44,950 ‫Im Grunde ist es die Subdomain von Heroku. 203 00:10:44,950 --> 00:10:46,730 ‫Und so haben wir 204 00:10:46,730 --> 00:10:49,320 ‫hier, wie erwartet, tatsächlich einen Fehler bekommen. 205 00:10:49,320 --> 00:10:52,430 ‫Dies liegt wiederum daran, dass unsere Umgebungsvariablen zu 206 00:10:52,430 --> 00:10:55,030 ‫diesem Zeitpunkt noch nicht definiert sind. 207 00:10:55,030 --> 00:10:57,730 ‫Jetzt können wir uns diese Fehler auch 208 00:10:57,730 --> 00:10:59,850 ‫in den Heroku-Logs ansehen. 209 00:10:59,850 --> 00:11:02,140 ‫Lassen Sie mich Ihnen das auch zeigen. 210 00:11:02,140 --> 00:11:06,023 ‫Also, Heroku-Protokolle --tail. 211 00:11:07,710 --> 00:11:11,313 ‫Hier sehen Sie, dass sich der Status von "Speichern" in "Abgestürzt" geändert hat. Sehen wir 212 00:11:13,100 --> 00:11:15,130 ‫uns also an, was wir hier haben. 213 00:11:15,130 --> 00:11:17,170 ‫Tatsächlich sehen Sie hier die von 214 00:11:17,170 --> 00:11:18,930 ‫uns selbst erstellte Fehlermeldung. 215 00:11:18,930 --> 00:11:21,530 ‫Also, UNCUGHT EXECEPTION mit diesem Emoji 216 00:11:21,530 --> 00:11:23,060 ‫und dann Herunterfahren... 217 00:11:27,320 --> 00:11:28,700 ‫Und, wie Sie hier 218 00:11:28,700 --> 00:11:31,980 ‫sehen, kann die Eigenschaft 'replace' von undefined nicht gelesen werden. 219 00:11:31,980 --> 00:11:35,170 ‫Dies liegt wiederum daran, dass die Umgebungsvariablen zu diesem 220 00:11:35,170 --> 00:11:37,510 ‫Zeitpunkt noch nicht definiert sind. 221 00:11:37,510 --> 00:11:41,053 ‫Lassen Sie uns diese Protokolle hier noch einmal mit Control C verlassen. 222 00:11:42,860 --> 00:11:44,810 ‫Lassen Sie uns 223 00:11:44,810 --> 00:11:46,800 ‫diese Umgebungsvariablen nun tatsächlich definieren, 224 00:11:46,800 --> 00:11:48,790 ‫damit unsere Anwendung funktioniert. 225 00:11:48,790 --> 00:11:50,060 ‫Und das 226 00:11:50,060 --> 00:11:52,740 ‫tun wir, indem wir jede Umgebungsvariable 227 00:11:52,740 --> 00:11:54,960 ‫mit einem speziellen Heroku-Befehl angeben. 228 00:11:54,960 --> 00:11:58,080 ‫Heroku und andere Hosting-Plattformen verwenden also 229 00:11:58,080 --> 00:12:01,000 ‫keine . env-Datei, wie wir es 230 00:12:01,000 --> 00:12:03,793 ‫hier in der Entwicklung für alle unsere Konfigurationsvariablen gemacht haben. 231 00:12:05,160 --> 00:12:09,560 ‫Auch hier in der Entwicklung verwenden wir diese Konfiguration. env, um unsere Umgebungsvariablen 232 00:12:09,560 --> 00:12:11,560 ‫zu setzen. 233 00:12:11,560 --> 00:12:13,730 ‫Aber hier in Heroku werden wir 234 00:12:13,730 --> 00:12:14,830 ‫sie anders definieren. 235 00:12:14,830 --> 00:12:16,610 ‫Aber in unserem Code funktioniert 236 00:12:16,610 --> 00:12:18,543 ‫alles, was wir haben, genau gleich. 237 00:12:19,856 --> 00:12:22,120 ‫Beginnen wir also mit der Variablen 238 00:12:22,120 --> 00:12:24,650 ‫NODE_ENV, die wir auf Produktion setzen müssen. 239 00:12:24,650 --> 00:12:29,650 ‫Also sagen wir heroku config:set und dann 240 00:12:32,390 --> 00:12:36,160 ‫den Namen der Variablen, NODE_ENV=production. 241 00:12:40,930 --> 00:12:43,780 ‫Und tatsächlich ist diese Variable 242 00:12:43,780 --> 00:12:47,220 ‫NODE_ENV standardmäßig auf Produktion von Heroku eingestellt. 243 00:12:47,220 --> 00:12:49,980 ‫Aber lassen Sie uns trotzdem zu 100% 244 00:12:49,980 --> 00:12:52,240 ‫sicherstellen, dass es wirklich so 245 00:12:52,240 --> 00:12:54,760 ‫bleibt, auch wenn Heroku etwas ändert. 246 00:12:54,760 --> 00:12:57,440 ‫Lassen Sie uns dies also wirklich tun, 247 00:12:57,440 --> 00:13:00,610 ‫denn wie wir wissen, hängt ein Großteil unseres Codes 248 00:13:00,610 --> 00:13:03,130 ‫tatsächlich von dieser Variable ab und 249 00:13:03,130 --> 00:13:07,310 ‫kann auch dazu führen, dass Node-Anwendungen bis zu dreimal schneller ausgeführt werden. 250 00:13:07,310 --> 00:13:09,430 ‫Ich glaube, darüber haben wir schon gesprochen. 251 00:13:09,430 --> 00:13:12,610 ‫Daher ist es wichtig, NODE_ENV auf Produktion zu setzen. 252 00:13:12,610 --> 00:13:15,913 ‫Aber auf jeden Fall ist es eine gute Sache, es tatsächlich zu tun. 253 00:13:16,810 --> 00:13:18,950 ‫Drücken Sie also einfach die Eingabetaste 254 00:13:18,950 --> 00:13:21,400 ‫und es wird dann diese Umgebungsvariable gesetzt und 255 00:13:21,400 --> 00:13:22,980 ‫die Anwendung neu gestartet. 256 00:13:22,980 --> 00:13:25,500 ‫Also müssen wir dies 257 00:13:25,500 --> 00:13:27,640 ‫jetzt nur noch 258 00:13:27,640 --> 00:13:30,580 ‫für alle relevanten Umgebungsvariablen tun. 259 00:13:30,580 --> 00:13:34,490 ‫Also, wir haben NODE_ENV gemacht, jetzt den Port, wir werden ihn 260 00:13:34,490 --> 00:13:36,360 ‫nicht setzen, weil Heroku, 261 00:13:36,360 --> 00:13:38,380 ‫wie ich bereits erwähnt habe, hinter 262 00:13:38,380 --> 00:13:41,533 ‫den Kulissen unserer Anwendung einen zufälligen Port zuweisen wird. 263 00:13:42,470 --> 00:13:44,913 ‫Als nächstes fügen wir die Datenbank hinzu. 264 00:13:46,390 --> 00:13:48,290 ‫Und eigentlich kopieren wir das alles. 265 00:13:52,550 --> 00:13:54,000 ‫Und dann einfach hier einfügen. 266 00:13:54,940 --> 00:13:56,960 ‫Und das hat nicht wirklich funktioniert, also 267 00:13:56,960 --> 00:13:59,260 ‫versuchen wir es hier vielleicht mit ein paar Anführungszeichen. 268 00:14:04,170 --> 00:14:06,580 ‫Ja, das sieht viel besser aus. 269 00:14:06,580 --> 00:14:09,380 ‫Als nächstes das Datenbankkennwort. 270 00:14:10,853 --> 00:14:12,520 ‫Lass es uns hier klären. 271 00:14:18,667 --> 00:14:20,334 ‫Als nächstes das Geheimnis. 272 00:14:24,720 --> 00:14:26,253 ‫Also einfach so. 273 00:14:30,587 --> 00:14:34,263 ‫Daher ist es für alle ein bisschen langweilig, aber wir 274 00:14:35,740 --> 00:14:38,160 ‫müssen es nur einmal machen, also 275 00:14:38,160 --> 00:14:40,853 ‫ist es nicht wirklich eine große Sache. 276 00:14:43,981 --> 00:14:46,710 ‫Nun, wir brauchen diese hier auch, weil 277 00:14:48,020 --> 00:14:51,070 ‫all dies hier nur für Mailtrap ist und 278 00:14:51,070 --> 00:14:54,190 ‫wir das in der Produktion eigentlich nicht brauchen, denn 279 00:14:54,190 --> 00:14:56,950 ‫denken Sie daran, dass in der Produktion 280 00:14:56,950 --> 00:15:00,300 ‫alle unsere E-Mails tatsächlich mit SENDGRID gesendet werden und 281 00:15:00,300 --> 00:15:02,230 ‫nicht mehr mit Mailtrap. 282 00:15:02,230 --> 00:15:04,270 ‫In unserer Heroku-Anwendung brauchen 283 00:15:04,270 --> 00:15:06,563 ‫wir diese also nicht für Variablen. 284 00:15:07,520 --> 00:15:09,773 ‫Aber wir brauchen die E-Mail von. 285 00:15:13,520 --> 00:15:15,163 ‫Das ist also unser Nächstes. 286 00:15:17,820 --> 00:15:19,960 ‫Dann benötigen wir SENDGRID_USERNAME 287 00:15:26,670 --> 00:15:28,333 ‫sowie das Passwort. 288 00:15:37,330 --> 00:15:40,963 ‫Und schließlich unser geheimer Streifenschlüssel. 289 00:15:46,320 --> 00:15:48,130 ‫Und damit haben wir, 290 00:15:48,130 --> 00:15:51,530 ‫denke ich, alle unsere relevanten Variablen hier eingestellt. 291 00:15:51,530 --> 00:15:55,653 ‫Also versuchen wir es noch einmal, Heroku geöffnet. 292 00:15:59,850 --> 00:16:04,850 ‫Und das sieht perfekt aus, wunderschön. 293 00:16:04,960 --> 00:16:08,200 ‫Also, wirklich, unsere Anwendung wird jetzt auf Radiant-Springen 294 00:16:08,200 --> 00:16:12,610 ‫oder was auch immer Sie in Ihrem Fall haben, bereitgestellt und 295 00:16:12,610 --> 00:16:15,343 ‫alles scheint wunderbar zu funktionieren. 296 00:16:16,300 --> 00:16:18,083 ‫Alle unsere Bilder sind also hier. 297 00:16:19,050 --> 00:16:22,393 ‫Schauen wir uns auch hier eine einzelne Seite an. 298 00:16:25,280 --> 00:16:29,500 ‫Und tatsächlich funktioniert das alles wunderbar. 299 00:16:29,500 --> 00:16:31,333 ‫Also wird auch unsere Karte angezeigt. 300 00:16:34,190 --> 00:16:37,850 ‫Und ja, es scheint gut zu funktionieren. 301 00:16:37,850 --> 00:16:41,970 ‫Und die Tatsache, dass dies alles so reibungslos funktioniert, 302 00:16:41,970 --> 00:16:43,360 ‫zeigt auch 303 00:16:43,360 --> 00:16:46,550 ‫die Schönheit einer gehosteten Datenbank, auch während 304 00:16:46,550 --> 00:16:48,690 ‫der Entwicklung, denn egal ob 305 00:16:48,690 --> 00:16:50,910 ‫wir in der Entwicklung oder 306 00:16:50,910 --> 00:16:54,890 ‫in der Produktion sind, unsere Datenbank funktioniert einfach weiter. 307 00:16:54,890 --> 00:16:57,360 ‫Wenn wir also eine lokale 308 00:16:57,360 --> 00:17:00,030 ‫Datenbank verwendet hätten, müssten wir jetzt alle 309 00:17:00,030 --> 00:17:03,890 ‫Daten aus dieser lokalen Datenbank exportieren, dann eine gehostete Datenbank 310 00:17:03,890 --> 00:17:07,600 ‫erstellen und alle Daten in diese gehostete Datenbank hochladen. 311 00:17:07,600 --> 00:17:10,460 ‫Das würde natürlich einen zusätzlichen Schritt und 312 00:17:10,460 --> 00:17:12,160 ‫zusätzliche Arbeit bedeuten. 313 00:17:12,160 --> 00:17:15,340 ‫Und auch hiermit funktioniert es einfach. 314 00:17:15,340 --> 00:17:19,210 ‫Das ist also eine sehr schöne Entwicklererfahrung. 315 00:17:19,210 --> 00:17:22,743 ‫Mal sehen, ob wir uns hier auch einloggen 316 00:17:23,830 --> 00:17:26,370 ‫können, was natürlich mit laura@example 2, 317 00:17:26,370 --> 00:17:28,900 ‫3, 4 möglich sein sollte. 318 00:17:34,700 --> 00:17:36,313 ‫Und es scheint so. 319 00:17:39,697 --> 00:17:40,823 ‫So schön. 320 00:17:41,960 --> 00:17:45,353 ‫Mal sehen, ob alle unsere Buchtouren noch da 321 00:17:46,470 --> 00:17:48,440 ‫sind, aber warum nicht? 322 00:17:48,440 --> 00:17:51,270 ‫Und tatsächlich, es ist tatsächlich nur einer, 323 00:17:51,270 --> 00:17:53,373 ‫aber tatsächlich ist er hier. 324 00:17:54,460 --> 00:17:58,100 ‫Also, großartig, das ist absolut fantastisch. 325 00:17:58,100 --> 00:18:00,420 ‫Werfen wir nun einen 326 00:18:00,420 --> 00:18:02,763 ‫kurzen Blick in unser Heroku-Dashboard. 327 00:18:07,270 --> 00:18:09,293 ‫Also, hier, lasst uns Heroku öffnen. 328 00:18:11,010 --> 00:18:12,343 ‫Schließen Sie diese beiden. 329 00:18:14,120 --> 00:18:16,390 ‫Da wir uns zuvor hier 330 00:18:16,390 --> 00:18:19,810 ‫angemeldet haben, sollte uns dies automatisch zum Dashboard führen 331 00:18:19,810 --> 00:18:23,060 ‫und dieses Dashboard zeigt Ihnen dann standardmäßig alle 332 00:18:23,060 --> 00:18:26,210 ‫Anwendungen an, die Sie derzeit bereitgestellt haben. 333 00:18:26,210 --> 00:18:28,800 ‫Und so ist diejenige, die wir gerade eingesetzt 334 00:18:28,800 --> 00:18:30,970 ‫haben, diese strahlenden Quellen hier. 335 00:18:30,970 --> 00:18:33,260 ‫Also, lass uns das öffnen. 336 00:18:33,260 --> 00:18:34,390 ‫Dann können Sie hier 337 00:18:34,390 --> 00:18:36,180 ‫auf der rechten Seite alle Aktivitäten sehen. 338 00:18:36,180 --> 00:18:39,390 ‫Zum Beispiel das Setzen all dieser Konfigurationsvariablen, die 339 00:18:39,390 --> 00:18:41,040 ‫wir gerade gemacht haben. 340 00:18:41,040 --> 00:18:45,810 ‫Sie haben Ihre Ressourcen und vieles davon ist nur interessant, wenn Sie 341 00:18:45,810 --> 00:18:47,920 ‫einen bezahlten Prüfstand haben. 342 00:18:47,920 --> 00:18:50,390 ‫Und ein Dyno ist wirklich nur der Begriff, 343 00:18:50,390 --> 00:18:53,340 ‫den Heroku im Grunde für einen Container verwendet, in dem 344 00:18:53,340 --> 00:18:54,913 ‫Ihre Anwendung ausgeführt wird. 345 00:18:56,366 --> 00:18:58,390 ‫Wir haben also einige Metriken, mit denen 346 00:18:58,390 --> 00:19:01,410 ‫wir sehen können, wer auf die App zugreift, aber das 347 00:19:01,410 --> 00:19:03,250 ‫funktioniert nur, wenn Sie ein 348 00:19:03,250 --> 00:19:05,093 ‫Hobby oder einen professionellen Prüfstand haben. 349 00:19:06,950 --> 00:19:09,460 ‫Aber was hier wirklich zählt, sind die 350 00:19:09,460 --> 00:19:10,920 ‫Einstellungen und daher wollte 351 00:19:10,920 --> 00:19:14,420 ‫ich Ihnen hier zeigen, dass wir die Konfigurationsvariablen offenlegen können. 352 00:19:14,420 --> 00:19:17,000 ‫Anstatt sie in der Befehlszeile zu ändern 353 00:19:17,000 --> 00:19:20,253 ‫oder hinzuzufügen, könnten wir dies also auch hier tun. 354 00:19:21,650 --> 00:19:24,170 ‫Dies sind also alle, die wir gerade in der 355 00:19:24,170 --> 00:19:25,223 ‫Befehlszeile hinzugefügt haben. 356 00:19:27,250 --> 00:19:31,540 ‫Dann ist hier oben in More eine weitere sehr wichtige Sache, wir 357 00:19:31,540 --> 00:19:33,623 ‫können unsere Protokolle tatsächlich sehen. 358 00:19:37,560 --> 00:19:40,710 ‫Warten wir also hier ab. 359 00:19:40,710 --> 00:19:44,430 ‫Und so gibt Heroku Ihnen dann all diese Protokolle wirklich 360 00:19:44,430 --> 00:19:47,190 ‫für alles, was in Ihrer Anwendung passiert. 361 00:19:47,190 --> 00:19:49,640 ‫Als wir die App im Browser geöffnet haben, 362 00:19:49,640 --> 00:19:52,300 ‫hat sie also alle diese Dateien angefordert, wie 363 00:19:52,300 --> 00:19:54,283 ‫Sie beispielsweise hier sehen können. 364 00:19:56,600 --> 00:19:58,380 ‫Also, wirklich, alles, was vor 365 00:19:58,380 --> 00:20:00,870 ‫sich geht, wird hier in diesen Protokollen stehen. 366 00:20:00,870 --> 00:20:04,210 ‫Also, wenn Ihre App abstürzt oder etwas passiert und im Grunde alles, 367 00:20:04,210 --> 00:20:07,660 ‫wofür wir eine Konsole verwendet haben. log wird 368 00:20:07,660 --> 00:20:10,843 ‫dann hier in diesen Protokollen angezeigt. 369 00:20:10,843 --> 00:20:13,400 ‫Dies waren also die Heroku-Protokolle, die ich in 370 00:20:13,400 --> 00:20:15,933 ‫einem der vorherigen Vorträge erwähnt habe. 371 00:20:17,987 --> 00:20:19,770 ‫Nun können wir 372 00:20:19,770 --> 00:20:22,300 ‫den Namen unserer Anwendung ändern. 373 00:20:22,300 --> 00:20:25,410 ‫Anstatt diesen zufälligen Namen zu nennen, können wir 374 00:20:25,410 --> 00:20:27,800 ‫ihm einen aussagekräftigeren Namen geben. 375 00:20:27,800 --> 00:20:29,960 ‫Nun, das könnten wir hier machen, 376 00:20:29,960 --> 00:20:34,090 ‫aber das würde dann unsere Anwendung im Terminal auf unserem lokalen 377 00:20:34,090 --> 00:20:35,810 ‫Computer irgendwie durcheinander bringen. 378 00:20:35,810 --> 00:20:38,620 ‫Stattdessen ändern wir den 379 00:20:38,620 --> 00:20:40,763 ‫Namen hier direkt. 380 00:20:41,970 --> 00:20:46,813 ‫Sagen wir also heroku apps:rename, wie folgt, und dann den 381 00:20:48,460 --> 00:20:51,530 ‫neuen Namen für die Anwendung. 382 00:20:51,530 --> 00:20:53,470 ‫Und, ich nenne 383 00:20:53,470 --> 00:20:55,740 ‫es natours, aber Sie können 384 00:20:55,740 --> 00:20:59,420 ‫es dann natürlich nicht auch natours nennen, weil diese 385 00:20:59,420 --> 00:21:01,620 ‫Subdomain dann schon vergeben ist. 386 00:21:01,620 --> 00:21:04,350 ‫Sie können es dann natours mit Ihrem Namen oder 387 00:21:04,350 --> 00:21:07,660 ‫mit Ihrem Benutzernamen oder wirklich jedem anderen Wort nennen, das 388 00:21:07,660 --> 00:21:08,633 ‫Sie möchten. 389 00:21:10,000 --> 00:21:12,763 ‫Also, ich mache weiter und nenne es jetzt wirklich Natours. 390 00:21:13,660 --> 00:21:18,320 ‫Oh, aber ich sehe, dass mir schon jemand diesen Namen genommen hat, 391 00:21:18,320 --> 00:21:20,223 ‫also ist das bedauerlich. 392 00:21:21,304 --> 00:21:24,360 ‫Aber wahrscheinlich liegt es daran, dass ich den Namen natours bereits in 393 00:21:24,360 --> 00:21:26,570 ‫einem Projekt in einem anderen Kurs verwendet habe. 394 00:21:26,570 --> 00:21:28,853 ‫Also muss es jemand genommen haben. 395 00:21:30,231 --> 00:21:33,080 ‫Also, nennen wir es natoursapp und natürlich muss 396 00:21:33,080 --> 00:21:35,440 ‫ich dann alles andere schreiben. 397 00:21:35,440 --> 00:21:39,660 ‫Also, heroku apps: umbenennen und 398 00:21:39,660 --> 00:21:41,840 ‫dann natoursapp. 399 00:21:41,840 --> 00:21:44,033 ‫Also hat hoffentlich niemand diesen genommen. 400 00:21:45,780 --> 00:21:47,980 ‫Und es scheint, als würde es 401 00:21:47,980 --> 00:21:51,020 ‫etwas bewirken, aber das hat auch schon jemand genommen. 402 00:21:51,020 --> 00:21:52,373 ‫Nun, das ist wirklich seltsam. 403 00:21:53,930 --> 00:21:56,120 ‫Ich schätze, ich habe viele Studenten da 404 00:21:56,120 --> 00:21:59,110 ‫draußen, die ihre Apps auf Heroku posten, also werde ich 405 00:21:59,110 --> 00:22:02,250 ‫einfach dem Beispiel folgen, das ich zuvor gegeben habe, und 406 00:22:02,250 --> 00:22:03,920 ‫hier meinen Namen hinzufügen. 407 00:22:03,920 --> 00:22:07,800 ‫Also, dritter Versuch mit natours-jonas. 408 00:22:07,800 --> 00:22:12,683 ‫Also, ja, hoffen wir, dass es beim dritten Mal klappt. 409 00:22:13,780 --> 00:22:15,493 ‫Warten wir also hier ab. 410 00:22:17,880 --> 00:22:18,960 ‫Und das ist es. 411 00:22:18,960 --> 00:22:21,163 ‫Also, versuchen wir es mit Heroku Open. 412 00:22:24,800 --> 00:22:27,150 ‫Alles klar, und los geht's. 413 00:22:27,150 --> 00:22:29,030 ‫Und jetzt, an dieser Stelle, 414 00:22:29,030 --> 00:22:31,330 ‫wird die alte Version tatsächlich nicht mehr funktionieren. 415 00:22:31,330 --> 00:22:34,163 ‫Also, dieser ist weg, schließen wir ihn. 416 00:22:35,030 --> 00:22:36,780 ‫Kehren wir hier zum Personal zurück. 417 00:22:38,010 --> 00:22:40,840 ‫Und so, ja, los geht's. 418 00:22:40,840 --> 00:22:42,993 ‫Das ist natours-jonas. 419 00:22:44,750 --> 00:22:49,640 ‫Großartig, also ist unsere Website jetzt offiziell in Produktion. 420 00:22:49,640 --> 00:22:52,070 ‫Eine andere Sache, die ich hier tun 421 00:22:52,070 --> 00:22:55,340 ‫möchte, ist, die Postman-Umgebungsvariable für die Produktion tatsächlich zu 422 00:22:55,340 --> 00:22:57,580 ‫aktualisieren, erinnern Sie sich daran? 423 00:22:57,580 --> 00:22:59,480 ‫Also, lass uns das hier kopieren. 424 00:23:00,440 --> 00:23:03,610 ‫Und auch nicht, wie eigentlich automatisch 425 00:23:03,610 --> 00:23:07,000 ‫wir hier auf Heroku auf https sind. 426 00:23:07,000 --> 00:23:10,620 ‫Heroku übernimmt also hinter den Kulissen die gesamte 427 00:23:10,620 --> 00:23:14,810 ‫SSL-Zertifikatsverwaltung für uns, damit unsere Seite immer sicher ist, 428 00:23:14,810 --> 00:23:16,840 ‫immer mit https. 429 00:23:16,840 --> 00:23:20,773 ‫Das ist also ein weiteres wirklich nettes Feature von Heroku. 430 00:23:22,540 --> 00:23:24,860 ‫Also, hier in Postman, 431 00:23:24,860 --> 00:23:29,860 ‫lassen Sie uns diese Produktion und die URL ändern. 432 00:23:30,450 --> 00:23:32,733 ‫Dies war natürlich nur ein Platzhalter. 433 00:23:33,680 --> 00:23:38,120 ‫Und stattdessen wollen wir jetzt unsere echte Produktions-URL. 434 00:23:38,120 --> 00:23:40,593 ‫Und ich bin mir nicht sicher, ob es so richtig 435 00:23:41,820 --> 00:23:44,900 ‫ist, aber aktualisieren Sie es einfach und vergleichen Sie es mit der Entwicklung. 436 00:23:44,900 --> 00:23:46,340 ‫Aber es ist tatsächlich so. 437 00:23:46,340 --> 00:23:48,823 ‫Es muss also mit diesem Schrägstrich enden. 438 00:23:50,380 --> 00:23:53,483 ‫Und das, was wir gerade gemacht haben, tut das auch. 439 00:23:54,320 --> 00:23:57,220 ‫Also, lassen Sie uns aktualisieren, schließen, 440 00:23:57,220 --> 00:24:00,560 ‫und jetzt müssen wir hier nur noch von 441 00:24:00,560 --> 00:24:03,683 ‫der Entwicklung auf diese produktive Natours-Umgebung wechseln. 442 00:24:04,560 --> 00:24:08,660 ‫Wenn ich zum Beispiel versuche, Get All Tours zu bekommen, was 443 00:24:08,660 --> 00:24:11,260 ‫tatsächlich diejenige ist, die wir geöffnet hatten, 444 00:24:11,260 --> 00:24:13,860 ‫dann sehen wir, ob das funktioniert. 445 00:24:13,860 --> 00:24:15,363 ‫Schalten wir das alles aus. 446 00:24:17,200 --> 00:24:20,093 ‫Und das tut es tatsächlich, großartig. 447 00:24:21,400 --> 00:24:23,220 ‫Mal sehen, ob 448 00:24:23,220 --> 00:24:26,543 ‫wir hier irgendwo die vollständige URL sehen können. 449 00:24:28,270 --> 00:24:29,823 ‫Nun, es wird nicht wirklich angezeigt. 450 00:24:31,870 --> 00:24:34,110 ‫Aber egal, es spielt keine Rolle, 451 00:24:34,110 --> 00:24:37,810 ‫denn wir wissen immer noch, dass es tatsächlich funktioniert hat. 452 00:24:37,810 --> 00:24:40,110 ‫Wir haben diese Daten jetzt 453 00:24:40,110 --> 00:24:43,860 ‫also wirklich von unserer Produktions-API hierher zurückbekommen und können das 454 00:24:43,860 --> 00:24:46,470 ‫leicht nachweisen, da die Entwicklungsversion derzeit noch 455 00:24:46,470 --> 00:24:48,010 ‫nicht einmal läuft. 456 00:24:48,010 --> 00:24:50,943 ‫Wenn wir dies senden, erhalten wir diesen Fehler. 457 00:24:54,830 --> 00:24:58,420 ‫Also noch einmal herzlichen Glückwunsch, 458 00:24:58,420 --> 00:25:02,970 ‫dass das Projekt jetzt fast abgeschlossen ist. 459 00:25:02,970 --> 00:25:04,920 ‫Es ist bereits auf dem 460 00:25:04,920 --> 00:25:07,260 ‫Live-Server und Sie können Ihr Projekt 461 00:25:07,260 --> 00:25:10,650 ‫jetzt mit der Welt teilen und allen zeigen, was Sie 462 00:25:10,650 --> 00:25:13,883 ‫nach all der Arbeit an diesem Projekt erreicht haben. 463 00:25:14,720 --> 00:25:18,420 ‫Nur noch eine ganz kleine Sache, die ich hier machen 464 00:25:18,420 --> 00:25:22,720 ‫wollte, wie ich in der letzten Vorlesung sagte, ist, diese Kompression zu testen. 465 00:25:22,720 --> 00:25:27,320 ‫Also, lassen Sie uns hier einfach nach der gzip-Komprimierung testen. 466 00:25:30,740 --> 00:25:33,850 ‫Und dann sollte das das erste Ergebnis hier sein, 467 00:25:33,850 --> 00:25:35,163 ‫Gift of Speed. 468 00:25:36,150 --> 00:25:40,710 ‫Also, wenn wir hier unsere URL eingeben und dann prüfen, mal sehen. 469 00:25:42,450 --> 00:25:45,200 ‫Und wir sehen, dass GZIP aktiviert ist. 470 00:25:45,200 --> 00:25:47,903 ‫Das liegt an dem Komprimierungspaket, das wir in 471 00:25:47,903 --> 00:25:50,200 ‫der letzten Vorlesung verwendet haben. 472 00:25:50,200 --> 00:25:53,380 ‫Ursprünglich hatte unsere Seite also 14K, aber dann 473 00:25:53,380 --> 00:25:55,560 ‫komprimiert sind es 2K. 474 00:25:55,560 --> 00:25:58,610 ‫Und das macht in diesem Fall natürlich 475 00:25:58,610 --> 00:26:02,610 ‫keinen großen Unterschied, aber bei einer viel größeren Seite kann es 476 00:26:02,610 --> 00:26:05,903 ‫natürlich für Ihre Benutzer wirklich einen Unterschied machen. 477 00:26:06,840 --> 00:26:10,470 ‫Perfekt, jetzt gibt es in den nächsten paar Videos nur 478 00:26:10,470 --> 00:26:12,740 ‫noch ein paar kleine Dinge, 479 00:26:12,740 --> 00:26:15,023 ‫die wir hier noch beheben müssen. 480 00:26:16,020 --> 00:26:17,330 ‫Und das werden wir 481 00:26:17,330 --> 00:26:20,200 ‫aber in den nächsten zwei oder drei Vorlesungen tun. 482 00:26:20,200 --> 00:26:21,730 ‫Danach ist das 483 00:26:21,730 --> 00:26:24,463 ‫Projekt also wirklich zu 100 % fertig.