1 00:00:03,680 --> 00:00:07,640 Um unsere Anwendung weiterentwickeln zu können, 2 00:00:07,640 --> 00:00:11,025 möchten wir einen einfachen Server einrichten 3 00:00:11,025 --> 00:00:14,890 , der unsere Daten bereitstellt, die von unserer Anwendung benötigt werden. 4 00:00:14,890 --> 00:00:18,440 Bisher haben wir nicht genug darüber gelernt, wie 5 00:00:18,440 --> 00:00:22,090 wir einen Server einrichten können, der eine REST-API bereitstellt. 6 00:00:22,090 --> 00:00:26,410 Stattdessen verwenden wir ein einfaches Knotenmodul namens json-server, 7 00:00:26,410 --> 00:00:32,990 das uns hilft, schnell einen einfachen Server einzurichten, der Daten bereitstellt, die 8 00:00:32,990 --> 00:00:36,230 ihm in Form einer JSON-Datei gegeben werden, und auch 9 00:00:36,230 --> 00:00:39,600 Bilder bereitstellt, die von unserer Anwendung benötigt werden könnten. 10 00:00:39,600 --> 00:00:41,020 Um zu beginnen, 11 00:00:41,020 --> 00:00:45,450 lassen Sie uns fortfahren, um das json-Server-Knotenmodul zu installieren 12 00:00:45,450 --> 00:00:50,285 und danach unseren json-Server in dieser Übung einzurichten. 13 00:00:50,285 --> 00:00:53,945 Um zu beginnen, gehen Sie zu Ihrem geeigneten Speicherort 14 00:00:53,945 --> 00:00:57,550 auf Ihrem Computer und erstellen Sie einen Ordner mit dem Namen json-server. 15 00:00:57,550 --> 00:01:01,820 Der Grund, warum ich diesen Ordner erstelle, ist, dass ich alle Dateien 16 00:01:01,820 --> 00:01:06,170 , die von meinem json-Server benötigt werden, in diesem bestimmten Ordner speichern kann. 17 00:01:06,170 --> 00:01:15,290 Danach werden wir das json-server npm-Modul als globales MPM-Modul installieren. 18 00:01:20,305 --> 00:01:27,430 Geben Sie dazu an der Eingabeaufforderung in Ihrem Terminal npm install minus g json-server ein 19 00:01:27,430 --> 00:01:30,575 und lassen Sie dann die Installation 20 00:01:30,575 --> 00:01:34,820 des json-server npm-Moduls als globales Modul abschließen. 21 00:01:34,820 --> 00:01:39,525 Nun, falls Sie dies auf einem Linux oder einem Mac tun, 22 00:01:39,525 --> 00:01:43,530 stellen Sie sicher, dass Sie sudo davor verwenden. 23 00:01:46,460 --> 00:01:49,520 Sobald die Installation abgeschlossen ist, 24 00:01:49,520 --> 00:01:53,545 gehen Sie zu den Anweisungen zum Einrichten des json-servers, 25 00:01:53,545 --> 00:01:56,935 und dort stellen wir eine Datei mit dem Namen db.json zur Verfügung. 26 00:01:56,935 --> 00:02:01,040 Laden Sie diese Datei herunter, benennen Sie sie als db.json und verschieben 27 00:02:01,040 --> 00:02:05,525 Sie diese Datei in den Ordner json-server, den Sie im vorherigen Schritt erstellt haben. 28 00:02:05,525 --> 00:02:10,490 Sie sehen jetzt, dass ich die Datei db.json bereits heruntergeladen 29 00:02:10,490 --> 00:02:15,500 und dann diese Datei db.json in den Ordner json-server verschoben habe. 30 00:02:15,500 --> 00:02:18,830 Darüber hinaus habe ich auch einen anderen Ordner 31 00:02:18,830 --> 00:02:21,690 innerhalb des json-server-Ordners namens public erstellt. 32 00:02:21,690 --> 00:02:26,375 Nun, was wir in diesen öffentlichen Ordner legen, wird von 33 00:02:26,375 --> 00:02:33,630 unserem json-Server als Ressource zur Verfügung gestellt, die von unserem Server heruntergeladen werden kann. 34 00:02:33,630 --> 00:02:40,430 Daher fungiert unser json-Server als ein einfacher statischer Webserver, der 35 00:02:40,430 --> 00:02:46,770 uns helfen kann, Ressourcen wie Bilder oder sogar eine ganze Website bereitzustellen. 36 00:02:46,770 --> 00:02:50,300 Wenn Sie möchten, können Sie das in den Öffentlichen Ordner kopieren und es 37 00:02:50,300 --> 00:02:56,925 verfügbar machen, um vom json-Server bereitgestellt und in einem Browser angezeigt zu werden. 38 00:02:56,925 --> 00:02:59,650 Als nächstes gehen Sie wieder zu den Anweisungen, 39 00:02:59,650 --> 00:03:03,915 und laden Sie dann diesen ZIP-Dateinamen images.zip herunter, 40 00:03:03,915 --> 00:03:05,570 und entpacken 41 00:03:05,570 --> 00:03:08,490 Sie diese Datei, und dann erhalten Sie einen Ordner namens images 42 00:03:08,490 --> 00:03:13,880 , der eine Reihe von PNG-Bildern enthält, die wir in unserer Anwendung verwenden werden. 43 00:03:13,880 --> 00:03:16,470 Also, sobald der Ordner images bereit ist 44 00:03:16,470 --> 00:03:19,160 , verschieben Sie den Ordner images in den öffentlichen Ordner, den wir 45 00:03:19,160 --> 00:03:22,665 gerade im json-server Ordner erstellt haben. Wenn 46 00:03:22,665 --> 00:03:24,485 Sie in unseren Ordner gehen, 47 00:03:24,485 --> 00:03:26,420 werden Sie sehen, dass 48 00:03:26,420 --> 00:03:31,070 ich innerhalb des Öffentlichen Ordners den Unterordner Bilder bereits in den öffentlichen Ordner verschoben habe, 49 00:03:31,070 --> 00:03:36,510 und dies enthält alle Bilder, die für meine Anwendung nützlich sein werden. 50 00:03:36,510 --> 00:03:39,125 Um Ihren json-server zu starten, 51 00:03:39,125 --> 00:03:43,470 gehen Sie zum Ordner json-server in Ihrem Terminal und geben Sie an der 52 00:03:43,470 --> 00:03:50,665 Eingabeaufforderung json-server und minus watch db.json ein. 53 00:03:50,665 --> 00:03:54,650 Der Grund für die Verwendung dieses Watch-Flags 54 00:03:54,650 --> 00:03:58,610 ist, dass dieser json-server die Datei bb.json überwachen wird, 55 00:03:58,610 --> 00:04:01,279 und jedes Mal, wenn die Datei db.json geändert 56 00:04:01,279 --> 00:04:07,810 wird, wird die Datei db.json neu geladen und die geänderten Daten vom Server bereitgestellt. 57 00:04:07,810 --> 00:04:13,280 Darüber hinaus können wir auch ein Minus-d-Flag mit einem Wert geben 58 00:04:13,280 --> 00:04:15,035 , z. B. 2.000, 59 00:04:15,035 --> 00:04:19,430 was bedeutet, dass, wenn der Server eine Anfrage erhält, die 60 00:04:19,430 --> 00:04:25,380 Daten nach einer Verzögerung von 2 Sekunden an den Anforderer zurücksenden wird. 61 00:04:25,380 --> 00:04:31,880 Nun würde dies verwendet werden, um Verzögerungen beim Zugriff auf einen Server über das Internet zu simulieren. 62 00:04:31,880 --> 00:04:35,270 Also, das ist der Grund, warum ich auch vorschlagen würde, das minus d 63 00:04:35,270 --> 00:04:39,255 2.000 Flag für den json-Server zu verwenden. 64 00:04:39,255 --> 00:04:41,390 Also, lassen Sie uns unseren json-Server starten, 65 00:04:41,390 --> 00:04:44,735 und dann werden Sie feststellen, dass der json-Server startet 66 00:04:44,735 --> 00:04:49,680 und alle Ressourcen deklariert, die vom json-Server verfügbar sind. 67 00:04:49,680 --> 00:04:57,825 Sie können also sehen, dass es über eine Reihe von Ressourcen verfügt, die bei all diesen URLs verfügbar sind. 68 00:04:57,825 --> 00:05:02,300 Darüber hinaus steht der öffentliche statische Server, der 69 00:05:02,300 --> 00:05:07,825 statische Daten bereitstellt, unter dieser URL, localhost: 3000, zur Verfügung. 70 00:05:07,825 --> 00:05:13,445 Jetzt können Sie zu jedem Browser gehen und dann, wenn Sie 71 00:05:13,445 --> 00:05:20,515 localhost: 3000 und Schrägstrich Gerichte eingeben, 72 00:05:20,515 --> 00:05:27,020 werden Sie sehen, dass dies unsere Daten in Form von JSON-Array hier bereitstellen wird. 73 00:05:27,020 --> 00:05:30,530 Also, dies wird für unsere Anwendung nützlich sein. 74 00:05:30,530 --> 00:05:37,395 In ähnlicher Weise können 75 00:05:37,395 --> 00:05:39,110 Sie Führungslinien eingeben, und Sie werden wieder 76 00:05:39,110 --> 00:05:41,095 die Daten sehen, die bereitgestellt werden usw. 77 00:05:41,095 --> 00:05:45,760 Wenn Sie den localhost:3000 eingeben, 78 00:05:45,760 --> 00:05:48,665 werden Sie sehen, dass der Server 79 00:05:48,665 --> 00:05:53,395 die Daten als statischer Server bereitstellt und dann momentan leer ist. 80 00:05:53,395 --> 00:05:57,860 Nun, wenn Sie auf die Bilder zugreifen möchten, die vom Server verfügbar sind, 81 00:05:57,860 --> 00:06:06,520 kann ich einfach Bilder eingeben und den Namen einer PNG-Datei eingeben, 82 00:06:06,520 --> 00:06:10,020 und dann werden Sie sehen, dass es das entsprechende Bild bereitstellen wird. 83 00:06:10,020 --> 00:06:12,570 Nun, das ist sehr nützlich für uns, 84 00:06:12,570 --> 00:06:16,170 da wir unsere Anwendung in diesem Kurs entwickeln. 85 00:06:16,170 --> 00:06:19,169 Damit schließen wir diese Übung ab, 86 00:06:19,169 --> 00:06:24,560 wo wir einen einfachen Server namens json-Server eingerichtet haben, um 87 00:06:24,560 --> 00:06:30,850 Daten bereitzustellen und eine REST-API zu unterstützen, auf die wir von unserer Anwendung aus zugreifen können.