1
00:00:03,650 --> 00:00:10,755
Nachdem wir nun die Entwicklung eines vollwertigen Rest-API-Servers mit LoopBack abgeschlossen haben, ist

2
00:00:10,755 --> 00:00:14,639
die unmittelbare nächste Frage, die sich in Ihrem Kopf

3
00:00:14,639 --> 00:00:20,090
stellen wird, wie passen wir die Angular-Anwendung an, um diesen Rest API-Server zu nutzen?

4
00:00:20,090 --> 00:00:23,135
Wie bereits in den vorherigen Fällen,

5
00:00:23,135 --> 00:00:29,190
müssen wir auch unsere Angular-Anwendung neu konfigurieren, um speziell

6
00:00:29,190 --> 00:00:31,385
die Rest-API-Endpunkte und die

7
00:00:31,385 --> 00:00:37,190
verschiedenen Rest-API-Anforderungen zu verwenden, die von unserem LoopBack-Server bereitgestellt werden.

8
00:00:37,190 --> 00:00:40,295
Nun, hier werden wir die Vorteile

9
00:00:40,295 --> 00:00:46,865
eines LoopBack-SDK nutzen, das automatisch für uns mit einem Node-Modul erstellt werden kann.

10
00:00:46,865 --> 00:00:51,214
Wir betrachten unsere LoopBack-Server,

11
00:00:51,214 --> 00:00:56,975
verschiedene Rest-API-Endpunkte und konstruieren automatisch das SDK,

12
00:00:56,975 --> 00:00:59,480
das wir dann in

13
00:00:59,480 --> 00:01:04,380
unsere Angular-Anwendung integrieren können und dann mit unserem LoopBack-Server kommunizieren

14
00:01:04,380 --> 00:01:10,055
können, sowohl zur Authentifizierung als auch zum Datenaustausch.

15
00:01:10,055 --> 00:01:13,000
Um mit dieser Übung zu beginnen,

16
00:01:13,000 --> 00:01:17,045
klonen Sie zuerst das Git-Repository, das

17
00:01:17,045 --> 00:01:23,535
eine teilweise abgeschlossene Angular-Anwendung enthält, die mit unserem LoopBack-Server kommuniziert.

18
00:01:23,535 --> 00:01:26,730
Um dies zu tun, gehen Sie zu Ihrem günstigen Standort auf Ihrem Computer.

19
00:01:26,730 --> 00:01:29,580
Also, hier bin ich in meinem Coursera Angular Ordner.

20
00:01:29,580 --> 00:01:33,390
Ich werde das Git-Repository klonen,

21
00:01:33,390 --> 00:01:35,680
indem ich git clone

22
00:01:41,510 --> 00:01:51,270
https://github.com/jmuppala/conFusion-Angular6-LoopBack.git tippe

23
00:01:51,270 --> 00:01:54,160
und dann dieses Git-Repository klone.

24
00:01:55,460 --> 00:01:58,645
Sobald das Git-Repository geklont ist,

25
00:01:58,645 --> 00:02:08,355
werden wir in den ConFusion Angular6 LoopBack-Ordner wechseln und dann

26
00:02:08,355 --> 00:02:12,370
eine NPM-Installation durchführen, um

27
00:02:12,370 --> 00:02:19,135
alle Knotenmodule für diese teilweise abgeschlossene Angular-Anwendung zu installieren.

28
00:02:19,135 --> 00:02:26,670
Um das LoopBack Software Development Kit für unseren LoopBack-Server automatisch

29
00:02:26,670 --> 00:02:32,125
zu erstellen, werden wir die Hilfe dieses LoopBack SDK Builder Knotenmoduls nutzen.

30
00:02:32,125 --> 00:02:34,955
Also, dieser LoopBack SDK Builder

31
00:02:34,955 --> 00:02:39,140
ist ein Community-gesteuertes Knotenmodul, das tatsächlich

32
00:02:39,140 --> 00:02:46,380
aus dem offiziellen LoopBack SDK Angular entwickelt wurde, das LoopBack-Entwickler veröffentlicht hatten.

33
00:02:46,380 --> 00:02:50,160
Das Loopback SDK Angular unterstützte Angular JS.

34
00:02:50,160 --> 00:02:53,885
Dies wurde in diesem Loopback SDK Builder geändert,

35
00:02:53,885 --> 00:02:58,390
um die Angular two und über Anwendungen zu unterstützen.

36
00:02:58,390 --> 00:03:01,090
Also, der LoopBack SDK

37
00:03:01,090 --> 00:03:10,155
Builder, das Knotenmodul selbst, sobald es in Ihrem Server-Projektordner installiert ist,

38
00:03:10,155 --> 00:03:13,610
können Sie den LoopBack SDK Builder verwenden, um

39
00:03:13,610 --> 00:03:18,810
automatisch durch Ihre LoopBack-Anwendung zu übergeben, die Sie bereits erstellt haben.

40
00:03:18,810 --> 00:03:22,190
Dies wird automatisch alles bauen, was wir

41
00:03:22,190 --> 00:03:25,610
brauchen, um mit unserer Angular-Anwendung zu beginnen.

42
00:03:25,610 --> 00:03:27,765
Es baut also das Software-Development Kit.

43
00:03:27,765 --> 00:03:30,155
Im Software-Development Kit

44
00:03:30,155 --> 00:03:35,995
exportiert der LoopBack SDK Builder also alle Schnittstellen,

45
00:03:35,995 --> 00:03:41,930
alle Modelle für die verschiedenen Daten, die wir auf

46
00:03:41,930 --> 00:03:44,390
unserem LoopBack-Server speichern werden, und auch

47
00:03:44,390 --> 00:03:49,520
alle API-Dienste, die innerhalb Ihrer Angular-Anwendung verwendet werden können.

48
00:03:49,520 --> 00:03:55,485
Also, Ihre Modelle und Ihre Dienste kommen automatisch für die Fahrt, wenn Sie das SDK erstellen.

49
00:03:55,485 --> 00:04:00,935
Jetzt geht es nur darum, dieses SDK in unsere Angular-Anwendung zu integrieren

50
00:04:00,935 --> 00:04:03,265
und dann schnell loszulegen.

51
00:04:03,265 --> 00:04:08,010
Da wir unsere Angular-Anwendung bereits in einem früheren Kurs erstellt haben,

52
00:04:08,010 --> 00:04:11,900
werde ich diese Anwendung nachrüsten, um

53
00:04:11,900 --> 00:04:16,660
das LoopBack SDK zu nutzen, das wir aus diesem LoopBack SDK Builder exportieren werden.

54
00:04:16,660 --> 00:04:18,620
Im vorherigen Schritt

55
00:04:18,620 --> 00:04:20,030
haben Sie soeben

56
00:04:20,030 --> 00:04:23,420
die teilweise abgeschlossene Angular Anwendung installiert, die

57
00:04:23,420 --> 00:04:27,305
bereits an die Verwendung des LoopBack SDK angepasst wurde.

58
00:04:27,305 --> 00:04:30,070
Lassen Sie uns also fortfahren und

59
00:04:30,070 --> 00:04:33,855
das LoopBack SDK erstellen und es dann in unserer Angular-Anwendung bereitstellen,

60
00:04:33,855 --> 00:04:41,605
und dann unsere Angular-Anwendung kompilieren und damit beginnen.

61
00:04:41,605 --> 00:04:44,390
Um das LoopBack SDK einzurichten,

62
00:04:44,390 --> 00:04:51,830
wechseln Sie zum Ordner LoopBack-Server auf der Terminalregisterkarte oder im Befehlsfenster.

63
00:04:51,830 --> 00:04:57,355
Also hier bin ich in meinem LoopBack-Serverordner.

64
00:04:57,355 --> 00:04:58,855
Also, in diesem Ordner,

65
00:04:58,855 --> 00:05:14,185
lassen Sie mich gehen und installieren Sie diesen LoopBack

66
00:05:14,185 --> 00:05:16,960
SDK Builder.

67
00:05:16,960 --> 00:05:19,535
Sobald der Builder installiert ist,

68
00:05:19,535 --> 00:05:22,625
lassen Sie uns fortfahren und das LoopBack SDK erstellen.

69
00:05:22,625 --> 00:05:24,835
Um das LoopBack SDK zu erstellen,

70
00:05:24,835 --> 00:05:34,460
nehmen wir die Hilfe des LB-SDK-Befehlszeilentools, das dieses LoopBack SDK-Modul

71
00:05:34,460 --> 00:05:36,370
automatisch für uns konfiguriert.

72
00:05:36,370 --> 00:05:42,060
Also, um darauf zuzugreifen, sagen wir,. /node Module.

73
00:05:42,060 --> 00:05:43,610
Also, in den Knotenmodulen

74
00:05:43,610 --> 00:05:47,570
gibt es a.bin Ordner, der automatisch erstellt wird, wenn Sie

75
00:05:47,570 --> 00:05:51,770
verschiedene Knotenmodule in den Ordner dort installieren.

76
00:05:51,770 --> 00:05:55,040
Also, um zum Ordner the.bin zu gehen,

77
00:05:55,040 --> 00:06:01,540
werden wir dort auf diesen LB-SDK-Befehl zugreifen

78
00:06:01,540 --> 00:06:03,490
, der automatisch installiert wird,

79
00:06:03,490 --> 00:06:07,850
dann werden wir diesen Breitenserver aufrufen. /server.js,

80
00:06:12,430 --> 00:06:20,310
und wir müssen den Pfad zur Angular Anwendung angeben, die wir gerade konfiguriert haben.

81
00:06:20,310 --> 00:06:23,180
Also, meine Angular-Anwendung befindet sich derzeit in

82
00:06:23,180 --> 00:06:28,865
meinen Dokumenten Coursera eckigen ConFusion Winkel-LoopBack-Ordner.

83
00:06:28,865 --> 00:06:31,410
Also, lassen Sie mich den Teil überschreiben.

84
00:06:31,410 --> 00:06:36,470
Dann lassen Sie mich in mein Terminal oder das Befehlsfenster gehen, in

85
00:06:36,470 --> 00:06:41,600
dem ich versuche, mein LoopBack SDK zu konfigurieren.

86
00:06:41,600 --> 00:06:43,490
Also, an der Eingabeaufforderung,

87
00:06:43,490 --> 00:06:45,995
da es sich im Ordner Eigene Dateien befindet,

88
00:06:45,995 --> 00:06:55,540
werde ich den vollständigen Pfad dazu eingeben, beginnend mit meinem Stammordner in meinem Mac.

89
00:06:55,540 --> 00:06:57,680
Wenn Sie deren Windows verwenden,

90
00:06:57,680 --> 00:07:04,370
stellen Sie sicher, dass dieser Pfad den vollständigen Pfad angibt, beginnend mit dem Doppelpunkt C oder D Doppelpunkt,

91
00:07:04,370 --> 00:07:07,540
je nachdem, welches Laufwerk Sie ihn auf Ihrem Windows-Computer installieren.

92
00:07:07,540 --> 00:07:12,650
Also, der vollständige Pfad zu Ihrem eckigen LoopBack-Ordner,

93
00:07:12,650 --> 00:07:15,505
und dann sagen wir,

94
00:07:15,505 --> 00:07:21,900
/SRC, den Quellordner dort, und dann App.

95
00:07:21,900 --> 00:07:24,710
Dann werden wir das SDK in den

96
00:07:24,710 --> 00:07:30,120
freigegebenen Ordner im SDK-Unterordner dort bereitstellen.

97
00:07:30,430 --> 00:07:36,680
Wir möchten, dass dieser LoopBack SDK Builder

98
00:07:36,680 --> 00:07:43,570
automatisch die NG2-Webversion des SDK bereitstellt.

99
00:07:43,570 --> 00:07:45,879
Dies ist also die Version, die

100
00:07:45,879 --> 00:07:50,380
Webanwendungen und unsere Angular-Anwendung in diesem Fall unterstützt.

101
00:07:50,380 --> 00:07:54,870
Wenn Sie dies für eine native Skriptanwendung konstruieren, werden Sie sagen,

102
00:07:54,870 --> 00:08:00,050
NG2 native, um das SDK für die Native Script-Anwendung zu erstellen.

103
00:08:00,050 --> 00:08:02,380
Da ich meine Angular-Anwendung

104
00:08:02,380 --> 00:08:04,580
erstelle, sage ich einfach, NG2 Web,

105
00:08:04,580 --> 00:08:08,190
und lasse dann den Loopback SDK Builder automatisch

106
00:08:08,190 --> 00:08:12,230
das Software-Development Kit erstellen und es dann

107
00:08:12,230 --> 00:08:20,780
in meinem Angular-Anwendungsquellen-App/shared/sdk-Ordner dort bereitstellen.

108
00:08:20,780 --> 00:08:23,715
Nach ein paar Sekunden

109
00:08:23,715 --> 00:08:29,915
wird das SDK erstellt und in meiner Angular-Anwendung bereitgestellt.

110
00:08:29,915 --> 00:08:33,250
Bevor ich nun meine Angular-Anwendung starte,

111
00:08:33,250 --> 00:08:36,730
lassen Sie mich meinen LoopBack-Server starten,

112
00:08:36,730 --> 00:08:40,820
und bevor ich das tue, gehe ich

113
00:08:40,820 --> 00:08:44,900
hier zu einem anderen Terminal-Tab und starte dann meinen MongoDB-Server,

114
00:08:44,900 --> 00:08:45,955
also gut, ich werde sagen,

115
00:08:45,955 --> 00:08:55,790
Mongod —dbpath=data, und

116
00:08:55,790 --> 00:08:57,890
starte dann meinen MongoDB-Server.

117
00:08:57,890 --> 00:09:02,760
Lassen Sie mich zunächst meinen LoopBack-Server starten.

118
00:09:02,760 --> 00:09:07,710
Also, an der Eingabeaufforderung NPM starten,

119
00:09:07,710 --> 00:09:12,140
und mein LoopBack-Server sollte in kurzer Zeit betriebsbereit sein.

120
00:09:12,140 --> 00:09:17,555
Dann, jetzt zu meiner LoopBack-Anwendung gehen,

121
00:09:17,555 --> 00:09:20,645
lassen Sie mich diese Anwendung in

122
00:09:20,645 --> 00:09:25,890
meinem Visual Studio-Code öffnen, damit wir uns den Quellcode ansehen können.

123
00:09:27,500 --> 00:09:31,665
Sobald meine Anwendung in Visual Studio-Code geöffnet ist,

124
00:09:31,665 --> 00:09:37,315
lassen Sie mich das in ein neues Desktopfenster nehmen.

125
00:09:37,315 --> 00:09:45,200
Lassen Sie mich dann auch meine Angular-Anwendungsbereitstellung starten,

126
00:09:45,200 --> 00:09:53,645
indem Sie NGServe an der Eingabeaufforderung eingeben und warten, bis meine Angular-Anwendung kompiliert wird.

127
00:09:53,645 --> 00:09:57,785
Sobald meine Angular-Anwendung kompiliert und angewendet wurde,

128
00:09:57,785 --> 00:10:00,910
lassen Sie mich zu einem Browser gehen

129
00:10:00,910 --> 00:10:04,810
und dann zuerst diese Angular-Anwendung auschecken.

130
00:10:04,810 --> 00:10:06,935
Gehen Sie zum Browser,

131
00:10:06,935 --> 00:10:09,455
lassen Sie mich hier eine neue Registerkarte öffnen,

132
00:10:09,455 --> 00:10:13,760
und geben Sie dann localhost ein: 4200 und Sie werden

133
00:10:13,760 --> 00:10:18,345
die Angular Anwendung in diesem Browser-Fenster hier bereitgestellt sehen,

134
00:10:18,345 --> 00:10:21,070
und Sie können sehen, dass

135
00:10:21,070 --> 00:10:25,095
die Startseite, die Über uns Seite mit allen Daten,

136
00:10:25,095 --> 00:10:32,740
dann das Menü und auch die Meine Favoriten.

137
00:10:34,120 --> 00:10:38,410
Derzeit wird nichts angezeigt, weil

138
00:10:38,410 --> 00:10:42,640
kein Benutzer eingeloggt ist und die Kontaktseite, genau wie zuvor.

139
00:10:42,640 --> 00:10:52,540
Um mich anzumelden, lassen Sie mich als Benutzer einloggen und dann

140
00:10:52,540 --> 00:10:59,030
werde ich hier meinen Benutzernamen und ein Passwort eingeben, und wenn ich mich dann einloggen, können Sie sehen, dass, wenn ich zu Meine

141
00:10:59,030 --> 00:11:04,665
Favoriten gehe, die Favoriten dieses bestimmten Benutzers hier angezeigt werden.

142
00:11:04,665 --> 00:11:08,680
Genau wie zuvor können wir Kommentare eingeben und dann Kommentare einreichen

143
00:11:08,680 --> 00:11:13,515
und dann auch Elemente zu den Favoriten hinzufügen und so weiter.

144
00:11:13,515 --> 00:11:16,900
Alle Funktionen, die Sie mit den früheren Versionen

145
00:11:16,900 --> 00:11:22,740
der Angular-Anwendung gesehen haben, werden auch in dieser Version der Angular-Anwendung unterstützt.

146
00:11:22,740 --> 00:11:28,860
Auch damit Ihr LoopBack-Server Bilder bereitstellen kann,

147
00:11:28,860 --> 00:11:39,975
werden all diese Daten in Ihrem Servercode im Client-Ordner des Servercodes gespeichert.

148
00:11:39,975 --> 00:11:43,010
Beachten Sie also im Client-Ordner meines LoopBack-Servers, dass ich diesen Unterordner

149
00:11:43,010 --> 00:11:47,365
namens images erstellt und dann alle Bilder in den Unterordner gespeichert habe.

150
00:11:47,365 --> 00:11:52,010
Damit diese Bilder bereitgestellt werden und auch

151
00:11:52,010 --> 00:11:58,930
der Client-Ordner als Öffentlicher Ordner für meinen LoopBack-Server verwendet werden kann,

152
00:11:58,930 --> 00:12:02,630
dann in ein paar Änderungen, die ich an meinem LoopBack-Server vornehmen muss.

153
00:12:02,630 --> 00:12:05,100
Nun, das erste, was Sie tun müssen, ist,

154
00:12:05,100 --> 00:12:08,275
gehen Sie in den Boot-Ordner und im Boot-Ordner,

155
00:12:08,275 --> 00:12:12,250
würden Sie diese root.js Datei hier sehen,

156
00:12:12,250 --> 00:12:15,025
die diese Informationen hier enthält.

157
00:12:15,025 --> 00:12:18,410
Jetzt können Sie entweder die Datei root.js löschen

158
00:12:18,410 --> 00:12:22,330
oder einfach die Datei root.js in etwas anderes umbenennen.

159
00:12:22,330 --> 00:12:29,630
Hier sehen Sie, dass ich diese Datei in root.jsold mit der Erweiterung jsold umbenannt habe.

160
00:12:29,630 --> 00:12:34,190
Nun sollte diese Datei nicht mehr die Erweiterung the.js enthalten.

161
00:12:34,190 --> 00:12:37,430
Also, alles andere als the.js Erweiterung ist in Ordnung.

162
00:12:37,430 --> 00:12:39,975
Also, was das bedeutet, ist, dass in diesem Fall

163
00:12:39,975 --> 00:12:45,250
mein LoopBack-Server, wenn er startet, den Code in diesem Ordner nicht ausführen wird.

164
00:12:45,250 --> 00:12:51,745
Nun, wenn Sie sich den Code in der Datei root.js ansehen, die früher konfiguriert wurde,

165
00:12:51,745 --> 00:12:55,605
haben Sie gesehen, dass der Router so konfiguriert wurde, dass,

166
00:12:55,605 --> 00:13:00,955
wenn Sie auf den Schrägstrich zugreifen, der der Stammordner Ihrer Server ist,

167
00:13:00,955 --> 00:13:05,170
dann wird es einfach den Server LoopBack-Status aufbringen und in der Tat,

168
00:13:05,170 --> 00:13:08,175
das ist, was wir sahen unserem LoopBack-Server,

169
00:13:08,175 --> 00:13:15,055
der die Betriebszeit und die letzte Neustartzeit für unseren Server bereitstellt.

170
00:13:15,055 --> 00:13:16,590
Wir wollen nicht, dass es das tut,

171
00:13:16,590 --> 00:13:20,920
stattdessen möchten wir, dass unser LoopBack-Server in der Lage ist,

172
00:13:20,920 --> 00:13:25,390
alles, was wir in den Client-Ordner als öffentlichen Ordner

173
00:13:25,390 --> 00:13:27,900
zu verwenden, und so kann jede Client-Anwendung im

174
00:13:27,900 --> 00:13:31,590
Client-Ordner meines LoopBack-Servers bereitgestellt werden und sollte

175
00:13:31,590 --> 00:13:39,250
zugegriffen werden, wenn wir auf das LoopBack -Server an seinen standardmäßigen Schrägstrich-Endpunkten.

176
00:13:39,250 --> 00:13:43,940
Also, das ist das Stammverzeichnis des Serverordners.

177
00:13:43,940 --> 00:13:46,890
Also, um das zu tun, ist das erste, was Sie tun müssen,

178
00:13:46,890 --> 00:13:50,560
diesen root.js Dateinamen in root zu ändern.

179
00:13:50,560 --> 00:13:53,245
Zum Beispiel können Sie das einfach in

180
00:13:53,245 --> 00:13:56,440
root.jsold umbenennen oder Sie können diese Datei einfach löschen.

181
00:13:56,440 --> 00:14:00,325
Diese Datei wird in dieser Version meines LoopBack-Servers nicht benötigt.

182
00:14:00,325 --> 00:14:01,840
Nun, nicht nur das,

183
00:14:01,840 --> 00:14:08,265
der zweite Teil, den Sie neu konfigurieren müssen, besteht darin, hier in die middleware.json-Datei zu gehen.

184
00:14:08,265 --> 00:14:12,170
Die Datei middleware.json.

185
00:14:12,170 --> 00:14:14,605
Wenn Sie in der middleware.json-Datei nach unten scrollen,

186
00:14:14,605 --> 00:14:17,195
werden Sie sehen, dass

187
00:14:17,195 --> 00:14:23,755
dies hier ursprünglich nur Dateien enthält: und dann eine leere Klammer hier.

188
00:14:23,755 --> 00:14:26,505
Nun, in diese leere Klammer hier,

189
00:14:26,505 --> 00:14:28,420
fügen Sie einfach diesen Code hier hinzu

190
00:14:28,420 --> 00:14:36,430
, der loopback #static sagt und es sagt params$!.. /client.

191
00:14:36,820 --> 00:14:41,025
Dies zeigt meinem LoopBack-Server an,

192
00:14:41,025 --> 00:14:45,670
dass der Clientordner, der hier verfügbar ist,

193
00:14:45,670 --> 00:14:53,800
als statischer Öffentlicher Ordner für meinen LoopBack-Server verwendet werden sollte.

194
00:14:53,800 --> 00:14:58,790
Also kann auf alles, was in den Client-Ordner gelegt wird, von meinem Server aus zugegriffen werden.

195
00:14:58,790 --> 00:15:05,725
Dies ist also die zusätzliche Änderung, die Sie an der Datei middleware.json vornehmen müssen.

196
00:15:05,725 --> 00:15:08,235
Sobald Sie diese beiden Änderungen vorgenommen haben,

197
00:15:08,235 --> 00:15:15,030
wird Ihr LoopBack-Server alle so konfiguriert, dass die Daten einschließlich der

198
00:15:15,030 --> 00:15:17,940
Bilder bereitgestellt werden, die Sie in

199
00:15:17,940 --> 00:15:22,575
den Unterordner images unter dem Client-Ordner hier ablegen werden. Stellen

200
00:15:22,575 --> 00:15:28,475
Sie also sicher, dass Sie die Bilder hier in den Client-Ordner kopieren, und der zweite besteht darin,

201
00:15:28,475 --> 00:15:34,625
zur Datei middleware.json im Serverordner zu

202
00:15:34,625 --> 00:15:37,265
wechseln und diesen Teil zu aktualisieren.

203
00:15:37,265 --> 00:15:43,860
Sobald wir das tun, dann können diese Bilder durch einfachen Zugriff auf

204
00:15:43,860 --> 00:15:54,120
die /images/ den Bilddateinamen zugegriffen

205
00:15:54,120 --> 00:16:00,390
werden, um auf diese Bilder zuzugreifen, da unsere Gerichte, Führer und die Werbeaktionen diese Bilddateien benötigen und

206
00:16:00,390 --> 00:16:03,525
so dass für uns

207
00:16:03,525 --> 00:16:08,080
vom LoopBack-Server und auch was auch immer Sie in den Client-Ordner ablegen.

208
00:16:08,080 --> 00:16:14,050
So können Sie beispielsweise den Distributionsordner

209
00:16:14,050 --> 00:16:16,920
für Ihre Angular-Anwendung vorbereiten und einfach

210
00:16:16,920 --> 00:16:21,025
den gesamten Inhalt des Distributionsordners in den Client-Ordner hier kopieren.

211
00:16:21,025 --> 00:16:25,220
Wenn Sie dann auf den LoopBack-Server an

212
00:16:25,220 --> 00:16:30,850
seinem Standard-Stammendpunkt zugreifen,

213
00:16:30,850 --> 00:16:37,565
wird Ihre Angular-Anwendung automatisch von Ihrem LoopBack-Server bereitgestellt.

214
00:16:37,565 --> 00:16:43,950
Dies sind also die beiden Änderungen, die Sie an Ihrem LoopBack-Server vornehmen müssen.

215
00:16:43,950 --> 00:16:49,700
Natürlich müssen Sie neugierig sein, wie genau dieses SDK gebaut wird,

216
00:16:49,700 --> 00:16:52,820
wo genau dieses SDK ist und wie ich

217
00:16:52,820 --> 00:16:56,045
es tatsächlich innerhalb meiner Angular-Anwendung nutzen werde.

218
00:16:56,045 --> 00:17:01,955
Um dies zu tun, gehen wir zu unserer Angular-Anwendung und im Quellordner,

219
00:17:01,955 --> 00:17:04,375
unter Quell-App-Ordner,

220
00:17:04,375 --> 00:17:06,565
jetzt, wenn Sie den freigegebenen Ordner öffnen,

221
00:17:06,565 --> 00:17:13,235
würden Sie sehen, dass es hier einen Unterordner namens SDK gibt und in diesem SDK-Unterordner

222
00:17:13,235 --> 00:17:16,365
finden Sie hier eine ganze Reihe von Dateien,

223
00:17:16,365 --> 00:17:22,565
lb.config.ts, index.ts und innerhalb der Speichersockets,

224
00:17:22,565 --> 00:17:25,330
der Dienste und innerhalb des Dienstes

225
00:17:25,330 --> 00:17:28,255
haben Sie hier benutzerdefinierte Dienste und Kerndienste

226
00:17:28,255 --> 00:17:31,960
sowie die verschiedenen Modelle, die hier bereitgestellt werden.

227
00:17:31,960 --> 00:17:36,630
Die Modelle enthalten tatsächlich die Modellstrukturen

228
00:17:36,630 --> 00:17:42,605
für unsere verschiedenen Modelle, die wir implementieren.

229
00:17:42,605 --> 00:17:45,280
Nun, dies ist das LoopBack SDK.

230
00:17:45,280 --> 00:17:49,430
Dieser Code wird automatisch für Sie erstellt und wenn Sie möchten,

231
00:17:49,430 --> 00:17:52,800
können Sie einfach hineingehen und dann

232
00:17:52,800 --> 00:17:57,030
diese Dateien durchlaufen, um nur zu sehen, was dort verfügbar ist.

233
00:17:57,030 --> 00:18:00,560
Stellen Sie sicher, dass Sie keine der Dateien in

234
00:18:00,560 --> 00:18:02,940
diesem SDK-Unterordner ändern, da dies

235
00:18:02,940 --> 00:18:06,040
automatisch vom Loopback SDK-Builder für Sie erstellt

236
00:18:06,040 --> 00:18:10,355
wird. Dies enthält alles, was konfiguriert ist, damit der

237
00:18:10,355 --> 00:18:15,125
LoopBack-Server von Ihrer Angular-Anwendung aus zugegriffen werden kann.

238
00:18:15,125 --> 00:18:19,240
Die Dienste, die ich nutzen werde, sind alle hier verfügbar.

239
00:18:19,240 --> 00:18:21,630
Nun, wie nutzen wir das?

240
00:18:21,630 --> 00:18:25,600
Um Ihnen zu helfen zu verstehen, wie wir dies nutzen,

241
00:18:25,600 --> 00:18:33,725
besuchen wir unsere Home-Komponente und sehen dann, wie die Home-Komponente jetzt aktualisiert wird.

242
00:18:33,725 --> 00:18:35,855
Also, wenn Sie zur Home-Komponente gehen,

243
00:18:35,855 --> 00:18:44,125
werden Sie feststellen, dass ich jetzt Gerichte aus.. /shared/sdk/models.

244
00:18:44,125 --> 00:18:47,950
Dies sind also die Modelle, die

245
00:18:47,950 --> 00:18:52,390
von meinem Loopback SDK Builder automatisch in das SDK exportiert werden.

246
00:18:52,390 --> 00:18:57,010
Also, hier wird mein Geschirr Modell dort definiert werden.

247
00:18:57,010 --> 00:18:59,450
Also, ich werde nur das Geschirr Modell nutzen.

248
00:18:59,450 --> 00:19:06,290
In ähnlicher Weise ist der Dienst selbst als diese DishesAPI verfügbar,

249
00:19:06,290 --> 00:19:15,220
wie Sie hier sehen können und diese DishesAPI ist in der.. /shared/sdk/services Ordner hier.

250
00:19:15,220 --> 00:19:18,280
In ähnlicher Weise die Aktionen und die Promotions-API,

251
00:19:18,280 --> 00:19:20,110
und Führer und Führer API.

252
00:19:20,110 --> 00:19:24,750
Also, diese werden alle automatisch für mich vom Loopback SDK Builder erstellt.

253
00:19:24,750 --> 00:19:26,720
Nun, dann gehen Sie in den Code,

254
00:19:26,720 --> 00:19:31,045
Sie werden jetzt bemerken, dass ich das Gericht als Gerichte,

255
00:19:31,045 --> 00:19:35,455
Förderung als Promotions und Führer als /Führer deklarieren werde.

256
00:19:35,455 --> 00:19:39,955
Diese drei Modelle werden vom Loopback SDK Builder exportiert.

257
00:19:39,955 --> 00:19:44,905
Beachten Sie auch, wie ich die drei Dienste hier neu konfiguriert habe.

258
00:19:44,905 --> 00:19:48,090
Jetzt bezieht sich mein Gericht Service auf Gerichte API,

259
00:19:48,090 --> 00:19:50,950
Promotion-Dienstleistungen, die sich auf Promotions API,

260
00:19:50,950 --> 00:19:55,825
und Führer Service für API-Führer API,

261
00:19:55,825 --> 00:19:59,980
und auch bemerken, wie ich auf den Geschirr-Service hier zugreifen.

262
00:19:59,980 --> 00:20:06,290
Also, ich werde sagen, dass dieses Gericht Service finden eine und wo gekennzeichnet gleich wahr.

263
00:20:06,290 --> 00:20:14,539
Also, hier erinnern Sie sich, dass

264
00:20:14,539 --> 00:20:20,405
ich in meinem LoopBack Rest API Explorer das in den Filter eingegeben hatte,

265
00:20:20,405 --> 00:20:23,490
dann habe ich versucht, das Geschirr dort zu finden.

266
00:20:23,490 --> 00:20:27,260
Also, das ist genau das, was ich hier auch in meinem Code mache.

267
00:20:27,260 --> 00:20:30,140
Also, diese

268
00:20:30,140 --> 00:20:34,140
FindOne, die dann mit diesem geliefert wird, wird ein Element finden und dann das hier zurückgeben,

269
00:20:34,140 --> 00:20:38,240
und dann, dass ich jedes diesem Gericht hier zuordne und

270
00:20:38,240 --> 00:20:43,510
der Rest meiner Angular-Anwendung funktioniert genau wie zuvor.

271
00:20:43,510 --> 00:20:47,490
Beachten Sie nun auch, dass im Konstruktor

272
00:20:47,490 --> 00:20:52,945
beachte, wie ich dies als LoopBack-Konfiguration konfiguriert habe.

273
00:20:52,945 --> 00:20:59,685
Um nun die LoopBack-Konfiguration in jeder Komponente auszuführen, die Sie verwenden,

274
00:20:59,685 --> 00:21:09,280
müssen Sie diese LoopBack-Konfiguration aus diesem freigegebenen SDK-Ordner hier und auch

275
00:21:09,280 --> 00:21:13,790
diese API-Version, die ich deklariere, importieren.

276
00:21:14,410 --> 00:21:19,340
Ich habe diese baseurl.ts-Datei aktualisiert.

277
00:21:19,340 --> 00:21:21,720
Also im Basis-URL-Ordner

278
00:21:21,720 --> 00:21:31,330
habe ich dies auf meinen Namen meines Computers Doppelpunkt 3.000 aktualisiert.

279
00:21:31,330 --> 00:21:35,510
Also, dieser Stelle stellen Sie sicher, dass Sie dies durch

280
00:21:35,510 --> 00:21:42,460
die IP-Adresse oder den Namen Ihres bestimmten Computers ersetzen, auf dem Sie ausgeführt werden. Stellen

281
00:21:42,460 --> 00:21:50,350
Sie also sicher, dass Sie die Basis-URL hier aktualisieren und die API-Version hier ist einfach eine Zeichenfolge.

282
00:21:50,350 --> 00:21:52,560
Sagt API hier.

283
00:21:52,560 --> 00:21:58,790
Diese beiden werden also in meiner Home-Komponente.ts-Datei verwendet.

284
00:21:58,790 --> 00:22:02,560
Also importiere ich diese API-Version hier und die LoopBackConfig.

285
00:22:02,560 --> 00:22:05,475
Die BaseURL, die ich

286
00:22:05,475 --> 00:22:10,640
hier bereits in meinen Konstruktor injiziere, so dass dies bereits hier verfügbar ist,

287
00:22:10,640 --> 00:22:14,890
und dann

288
00:22:14,890 --> 00:22:19,440
muss ich in meinem Konstruktor meiner Komponente diese beiden Anweisungen hier ausführen.

289
00:22:19,440 --> 00:22:22,190
Also, wir werden sagen, „LoopBack set-Basis-URL

290
00:22:22,190 --> 00:22:25,120
auf Basis-URL“, die die gleiche wie die ist, die ich gerade

291
00:22:25,120 --> 00:22:31,950
dort injiziert habe, und schauen Sie dann zurück auf die Einstellung API Version auf API-Version hier.

292
00:22:31,950 --> 00:22:36,695
Also diese beiden muss ich in meiner Home-Komponente

293
00:22:36,695 --> 00:22:41,815
und auch in jeder anderen Komponente konfigurieren, wo ich auf meinen LoopBack-Server

294
00:22:41,815 --> 00:22:43,425
zugreife, ich muss dies konfigurieren.

295
00:22:43,425 --> 00:22:48,060
Jetzt schlägt LoopBack SDK Builder vor, dass wir

296
00:22:48,060 --> 00:22:53,880
dies in jeder einzelnen Komponente hier tun müssen.

297
00:22:53,880 --> 00:23:01,775
Außerdem werden Sie feststellen, dass, wenn Sie zur App module.ts Datei in der App module.ts Datei gehen,

298
00:23:01,775 --> 00:23:08,610
ich alle Eingaben aller anderen Dienste entfernt habe und stattdessen importiere ich

299
00:23:08,610 --> 00:23:15,480
dies hier namens Import SDK Browser-Modul aus Share-SDK hier.

300
00:23:15,480 --> 00:23:18,110
SDK-Browser-Modul hier,

301
00:23:18,110 --> 00:23:24,075
und wenn Sie in die Eingaben hier gehen,

302
00:23:24,075 --> 00:23:31,635
werden Sie sehen, dass ich dieses SDK-Browser-Module.ForRoot hier in den Eingaben konfiguriert habe.

303
00:23:31,635 --> 00:23:38,180
Dieses SDK-Browser-Modul wird also automatisch konfiguriert, wenn wir unser LoopBack SDK erstellen, und

304
00:23:38,180 --> 00:23:41,000
wir müssen das nur in unsere App

305
00:23:41,000 --> 00:23:44,705
module.ts Datei importieren und auch feststellen, dass die Anbieter,

306
00:23:44,705 --> 00:23:46,895
hier haben wir unsere Dienste konfiguriert,

307
00:23:46,895 --> 00:23:49,540
keine der Dienste mehr enthalten, weil das

308
00:23:49,540 --> 00:23:52,745
kommt als Teil meines LoopBack-SDK,

309
00:23:52,745 --> 00:23:56,715
also ist das einzige, was ich bereitstelle, die Basis-URL hier.

310
00:23:56,715 --> 00:24:02,510
Ich habe hier alle anderen aus meiner App module.ts Datei entfernt.

311
00:24:03,180 --> 00:24:07,325
Also, das ist eine Änderung, die Sie bemerken werden.

312
00:24:07,325 --> 00:24:11,720
Wenn Sie also in ähnlicher Weise zur Datei About component.ts,

313
00:24:11,720 --> 00:24:14,740
der Datei DishDetail component.ts,

314
00:24:14,740 --> 00:24:19,740
der Datei favorites component.ts und auch der Datei menu component.ts gehen.

315
00:24:19,740 --> 00:24:22,420
Schauen wir uns also die Menükomponente.ts Datei an.

316
00:24:22,420 --> 00:24:25,190
So werden Sie hier wieder sehen, ich importiere diese

317
00:24:25,190 --> 00:24:29,370
vier und dann in meiner Menükomponente sage ich,

318
00:24:29,370 --> 00:24:33,075
Dish Services Gerichte API und dann

319
00:24:33,075 --> 00:24:37,400
konfiguriere ich die LoopBackConfig Set BaseUrl SetAPI Version.

320
00:24:37,400 --> 00:24:42,550
Ich habe das bereits im Angular-Repository gemacht, das ich für

321
00:24:42,550 --> 00:24:49,235
Sie für meine eckige Anwendung für den LoopBack-Server zur Verfügung gestellt habe

322
00:24:49,235 --> 00:24:54,220
, und Sie werden auch sehen, dass ich hier gerade eine Änderung vorgenommen habe.

323
00:24:54,220 --> 00:25:00,225
Also, wenn Sie alle Elemente aus dem Geschirr Service zu finden, so dass Sie einfach sagen,

324
00:25:00,225 --> 00:25:03,335
Geschirr.Finden und das wird

325
00:25:03,335 --> 00:25:09,100
alle Gerichte, die es in meinem LoopBack-Server gibt hier zurückgeben.

326
00:25:09,100 --> 00:25:11,425
Also, das ist es, was ich hier abhole.

327
00:25:11,425 --> 00:25:15,435
Also sollte der Rest des Codes hier vertraut aussehen, außer dass hier ich

328
00:25:15,435 --> 00:25:20,010
Gerichte nenne, ist gleich Geschirr und eine Reihe von Gerichten hier.

329
00:25:20,010 --> 00:25:22,995
Das ist also die Änderung, die Sie in der Menükomponente sehen werden.

330
00:25:22,995 --> 00:25:28,810
Nun müssen Sie sich fragen, wie die Benutzerauthentifizierung in diesem Fall funktioniert.

331
00:25:28,810 --> 00:25:32,275
Lassen Sie mich Ihre Aufmerksamkeit für die Benutzerauthentifizierung auf

332
00:25:32,275 --> 00:25:35,800
zwei Orte lenken, an denen ich die Benutzerauthentifizierung verwende.

333
00:25:35,800 --> 00:25:38,735
Lassen Sie uns zuerst zur Login-Komponente gehen.

334
00:25:38,735 --> 00:25:40,990
Also, in der Login-Komponente

335
00:25:40,990 --> 00:25:46,030
würden Sie sehen, dass ich in der Login-Komponente diese beiden hier importiere,

336
00:25:46,030 --> 00:25:49,970
die Kunden-API, die die Dienste sind, mit denen ich

337
00:25:49,970 --> 00:25:54,245
Benutzerauthentifizierung durchführen und sich anmelden und abmelden kann,

338
00:25:54,245 --> 00:25:57,430
und ich importiere auch das Kundenmodell und das

339
00:25:57,430 --> 00:26:00,995
Zugriffstokenmodell und in der Login-Komponente,

340
00:26:00,995 --> 00:26:06,320
würden Sie sehen, dass durch Auth Service jetzt nichts anderes als Kunden-API ist und

341
00:26:06,730 --> 00:26:15,670
Sie werden auch feststellen, dass in der Login-Komponente, wenn das Anmeldeformular eingereicht wird,

342
00:26:15,670 --> 00:26:19,530
ich diesen AuthService.login aufrufen.

343
00:26:19,530 --> 00:26:24,655
Diese Login-Funktion, die über die Kunden-API verfügbar ist. Wir

344
00:26:24,655 --> 00:26:30,775
erinnern uns, als wir versuchten, sich mit dem LoopBack-Rest-API Explorer anzumelden,

345
00:26:30,775 --> 00:26:36,500
verwendeten wir den Kundenendpunkt, um sich beim System anzumelden.

346
00:26:36,500 --> 00:26:39,310
Das ist genau das, was ich hier im Code mache.

347
00:26:39,310 --> 00:26:43,335
Also sagen wir diese AuthService.login und hier sehen Sie, dass

348
00:26:43,335 --> 00:26:47,930
es diese freien Parameter hier,

349
00:26:47,930 --> 00:26:55,425
den Benutzernamen und das Passwort als erstes JavaScript-Objekt hier nimmt,

350
00:26:55,425 --> 00:27:01,755
und dann spezifiziere ich auch diesen user.remember., .remember ist das Flag

351
00:27:01,755 --> 00:27:08,310
aus dem Remember me Checkbox, das wir in unserem Login-Komponenten Dialog dort.

352
00:27:08,310 --> 00:27:12,180
Also, wenn der Benutzer überprüft, dass in den Benutzerinformationen

353
00:27:12,180 --> 00:27:16,095
automatisch vom SDK beibehalten werden.

354
00:27:16,095 --> 00:27:18,945
Der Authentifizierungsdienst, der im SDK bereitgestellt wird.

355
00:27:18,945 --> 00:27:21,275
Jetzt sehen Sie, dass ich

356
00:27:21,275 --> 00:27:24,290
keinen Autorisierungsdienst explizit implementieren muss, der

357
00:27:24,290 --> 00:27:26,940
mir automatisch über

358
00:27:26,940 --> 00:27:31,565
die Kunden-API zur Verfügung steht, die hier als Dienst verfügbar ist.

359
00:27:31,565 --> 00:27:35,320
Also, so melde ich mich den Benutzer hier an,

360
00:27:35,320 --> 00:27:38,275
und wenn sich der Benutzer anmeldet, gibt dies

361
00:27:38,275 --> 00:27:45,015
ein JavaScript-Objekt zurück und vom JavaScript-Objekt bekomme ich den

362
00:27:45,015 --> 00:27:50,930
res.user.. Benutzer liefert die Informationen des Benutzers für mich und ich

363
00:27:50,930 --> 00:27:57,355
schicke dies einfach an meine HeaderComponent hier.

364
00:27:57,355 --> 00:27:59,860
Also gehen Sie in die HeaderComponent.

365
00:27:59,860 --> 00:28:02,235
Also lassen Sie uns in die Headerkomponente gehen,

366
00:28:02,235 --> 00:28:04,620
und in der Datei HeaderComponent.ts

367
00:28:04,620 --> 00:28:09,670
werden Sie sehen, dass ich hier die Kunden-API und den

368
00:28:09,670 --> 00:28:18,115
Kunden importiere und Sie werden auch feststellen, dass in der Kunden-API,

369
00:28:18,115 --> 00:28:23,830
ich hier angeben, dass ich sage,

370
00:28:23,830 --> 00:28:29,880
dieser Kunde ist dieser AuthService GetCachedCurrent.

371
00:28:29,880 --> 00:28:34,190
Wenn also ein Benutzer in den aktuell angemeldeten

372
00:28:34,190 --> 00:28:38,660
Benutzern gesperrt ist, werden Informationen in den AuthService umgewandelt, was nichts anderes als die Kunden-API ist.

373
00:28:38,660 --> 00:28:43,775
Also, wenn ich dies GetCachedCurrent aufrufe, wird dies den aktuell angemeldeten Benutzer zurückgeben.

374
00:28:43,775 --> 00:28:45,570
Wenn kein Benutzer angemeldet ist,

375
00:28:45,570 --> 00:28:46,820
gibt dies null zurück.

376
00:28:46,820 --> 00:28:51,865
So kann ich überprüfen, ob ein Benutzer gerade angemeldet ist oder nicht.

377
00:28:51,865 --> 00:28:55,690
Also, wenn der Benutzer gerade angemeldet ist, dann

378
00:28:55,690 --> 00:28:59,740
erhält this.customer die Informationen über den Kunden, der geladen wird.

379
00:28:59,740 --> 00:29:02,385
Die Kundeninformationen einschließlich Vorname, Nachname,

380
00:29:02,385 --> 00:29:11,190
die E-Mail und das Profil des anderen Nutzers stehen zu diesem Objekt this.customer zur Verfügung.

381
00:29:11,190 --> 00:29:16,080
Also, hier überprüfe ich, um sicherzustellen, dass der this.customer nicht null ist.

382
00:29:16,080 --> 00:29:19,265
Wenn es nicht null ist, werde ich den Benutzernamen in

383
00:29:19,265 --> 00:29:23,100
this.customer.username speichern und auf diese Weise, wenn

384
00:29:23,100 --> 00:29:26,705
der Benutzername gesetzt ist, dann

385
00:29:26,705 --> 00:29:31,690
wird mein Header in der Symbolleiste in meiner HeaderComponent den Namen des Benutzers dort widerspiegeln.

386
00:29:31,690 --> 00:29:37,820
Nun, um den Benutzer abzumelden, alles, was ich mache, ist, setze ich den Benutzernamen und

387
00:29:37,820 --> 00:29:45,665
die Kundenvariablen auf null und dann rief ich einfach authService.log an,

388
00:29:45,665 --> 00:29:51,075
AuthServices ist CustomerAPI.Logout, und so melde ich mich den Benutzer aus.

389
00:29:51,075 --> 00:29:52,760
Wenn sich der Benutzer abmeldet,

390
00:29:52,760 --> 00:29:55,750
werden seine Anmeldeinformationen vollständig zerstört.

391
00:29:55,750 --> 00:30:02,360
All dies wird automatisch vom Kunden-API-Dienst erledigt

392
00:30:02,360 --> 00:30:09,075
, der in meinem LoopBack SDK verfügbar ist, das ich gerade dort gebaut habe.

393
00:30:09,075 --> 00:30:13,830
Sie bemerken also, dass, wie der LoopBack SDK

394
00:30:13,830 --> 00:30:19,430
Builder die Dienste und die Modelle und alles, was ich brauche, und in meiner Angular-Anwendung

395
00:30:19,430 --> 00:30:22,360
aufbaut, ich diese einfach importiere und

396
00:30:22,360 --> 00:30:25,450
sie dann zum Konfigurieren meiner Angular-Anwendung verwende.

397
00:30:25,450 --> 00:30:27,065
Sobald ich

398
00:30:27,065 --> 00:30:32,510
das LoopBack SDK mit dem LoopBack SDK Builder erstellt habe, ist alles, was mir übrig bleibt,

399
00:30:32,510 --> 00:30:40,545
die Komponenten und ihre Ansichtsvorlagen zu implementieren, die den Rest enthalten.

400
00:30:40,545 --> 00:30:45,480
Die Dienste werden automatisch vom LoopBack SDK Builder für mich erstellt,

401
00:30:45,480 --> 00:30:49,160
die Modelle werden automatisch für mich erstellt und alles, was ich tun muss, ist,

402
00:30:49,160 --> 00:30:54,060
diese in alle Komponenten zu importieren, in denen ich sie verwenden muss.

403
00:30:54,060 --> 00:31:01,775
Beachten Sie also, wie diese Angular-Anwendung aktualisiert wurde, um das LoopBack SDK zu verwenden.

404
00:31:01,775 --> 00:31:06,520
Wenn Sie nun weitere Informationen darüber benötigen, wie das LoopBack SDK verwendet werden soll,

405
00:31:06,520 --> 00:31:11,465
können Sie sich auch die Dokumentation des LoopBack SDK Builders ansehen.

406
00:31:11,465 --> 00:31:14,425
Wenn Sie also zum LoopBack SDK Builder wechseln,

407
00:31:14,425 --> 00:31:19,440
ist ein Link dazu in den zusätzlichen Ressourcen für diese Lektion verfügbar.

408
00:31:19,440 --> 00:31:21,820
Im LoopBack SDK Builder stehen

409
00:31:21,820 --> 00:31:24,930
Ihnen alle Informationen

410
00:31:24,930 --> 00:31:31,830
zur Verfügung, die Sie benötigen, um das SDK zu verwenden, das vom LoopBack SDK Builder erstellt wurde.

411
00:31:31,830 --> 00:31:34,205
Also, wenn Sie in die Wiki-Dokumentation gehen.

412
00:31:34,205 --> 00:31:39,830
In der Wiki-Dokumentation finden Sie eine Menge Erläuterungen dazu, wie der LoopBack SDK

413
00:31:39,830 --> 00:31:46,050
Builder sein kann oder das vom LoopBack SDK Builder generierte SDK verwendet werden sollte.

414
00:31:46,050 --> 00:31:49,460
Also habe ich gerade diese Dokumentation durchgegangen, um herauszufinden, wie man

415
00:31:49,460 --> 00:31:53,555
das SDK nutzt, das vom LoopBack SDK Builder erstellt wurde,

416
00:31:53,555 --> 00:31:57,420
und dann meine Angular-Anwendung neu konfiguriert, um diese für

417
00:31:57,420 --> 00:32:02,090
die Interaktion mit meinem LoopBack-Server zu verwenden.

418
00:32:02,090 --> 00:32:06,715
Damit habe ich es Ihnen schnell demonstriert, wie

419
00:32:06,715 --> 00:32:11,140
Sie Ihre Angular-Anwendung erstellen und

420
00:32:11,140 --> 00:32:15,270
das SDK nutzen können, das vom LoopBack SDK Builder erstellt wurde,

421
00:32:15,270 --> 00:32:20,365
um aus Ihrer Angular-Anwendung auf Ihren LoopBack-Server zuzugreifen.

422
00:32:20,365 --> 00:32:26,210
Ein ähnlicher Ansatz ist auch für Ihre Ionic Anwendung geeignet.

423
00:32:26,210 --> 00:32:31,610
Für die Native Script-Anwendung erstellen Sie das SDK mit NG2 native in

424
00:32:31,610 --> 00:32:37,835
der Befehlszeile anstelle von NG2 web, wie wir es beim Erstellen dieses SDK verwendet haben.

425
00:32:37,835 --> 00:32:41,890
Mit dieser kurzen Einführung, wie wir

426
00:32:41,890 --> 00:32:44,815
den LoopBack SDK Builder nutzen können, um das SDK zu erstellen und

427
00:32:44,815 --> 00:32:47,980
es dann innerhalb unserer Angular-Anwendung

428
00:32:47,980 --> 00:32:52,300
zu nutzen, kommen sie zum Ende dieser Übung.