1
00:00:03,900 --> 00:00:07,540
Lasst uns auf dem Bassmarkt angeln gehen.

2
00:00:07,540 --> 00:00:10,520
Wir beginnen mit Firebase,

3
00:00:10,520 --> 00:00:13,560
dem Premium-Angebot von Google.

4
00:00:13,560 --> 00:00:16,190
Lassen Sie uns ein wenig über Firebase verstehen,

5
00:00:16,190 --> 00:00:19,375
einen Firebase-Server konfigurieren,

6
00:00:19,375 --> 00:00:22,340
und dann werden wir uns die Winkelanwendung ansehen,

7
00:00:22,340 --> 00:00:24,790
die ich basierend auf

8
00:00:24,790 --> 00:00:29,340
der vorherigen Winkelanwendung nachrüsten werde, die Sie in der früheren Vorlesung gesehen haben.

9
00:00:29,340 --> 00:00:34,890
Wir werden es ändern, um Firebase als Backend zu nutzen.

10
00:00:34,890 --> 00:00:38,890
So, wie wir am Ende dieser Lektion,

11
00:00:38,890 --> 00:00:41,440
dieser Übung und der folgenden Übung sehen würden,

12
00:00:41,440 --> 00:00:46,600
können wir leicht eine eckige Anwendung durchführen und sie nachrüsten, um

13
00:00:46,600 --> 00:00:52,245
Firebase als Backend als Dienstleister zu nutzen.

14
00:00:52,245 --> 00:00:54,612
Um mit der Reise zu beginnen,

15
00:00:54,612 --> 00:01:00,725
gehen wir zu firebase.google.com, um ein wenig über Firebase zu verstehen.

16
00:01:00,725 --> 00:01:04,635
Ein Thema, das eine ganze Präsentation über Firebase macht,

17
00:01:04,635 --> 00:01:06,550
werde ich Sie schnell durchlaufen, was

18
00:01:06,550 --> 00:01:09,370
auf der Firebase-Website selbst erklärt wurde, weil sie Ihnen

19
00:01:09,370 --> 00:01:15,125
genügend Details darüber geben, wie Firebase selbst verschiedene Funktionen unterstützt.

20
00:01:15,125 --> 00:01:19,810
Lassen Sie uns diese Website durchlaufen, um zu verstehen, wie Firebase funktioniert.

21
00:01:19,810 --> 00:01:22,480
Wenn Sie also auf die Website gehen, wie Sie sehen können,

22
00:01:22,480 --> 00:01:27,955
heißt es, Firebase hilft Ihnen, bessere mobile Apps zu entwickeln und Ihr Geschäft auszubauen.

23
00:01:27,955 --> 00:01:30,750
Und dann, wie Sie hier sehen,

24
00:01:30,750 --> 00:01:36,280
erklärt es Ihnen die Details darüber, wie Sie Ihre Apps

25
00:01:36,280 --> 00:01:41,641
schnell erstellen können, ohne die Backend-Infrastruktur für Ihre Anwendung verwalten zu müssen,

26
00:01:41,641 --> 00:01:46,875
und eine einzige Konsole, die eine Reihe von Produkten enthält, die zusammenarbeiten.

27
00:01:46,875 --> 00:01:56,305
Dies sind also alle von Google angebotenen Produkte, die zusammenarbeiten, um Ihre Back-End-Anforderungen zu erfüllen.

28
00:01:56,305 --> 00:02:00,010
Und auch hier können Sie

29
00:02:00,010 --> 00:02:03,585
viele der ergänzenden Produkte nutzen, die von Google erhältlich sind.

30
00:02:03,585 --> 00:02:06,055
So

31
00:02:06,055 --> 00:02:09,620
werden wir insbesondere in dieser Übung die Cloud Firestore nutzen,

32
00:02:09,620 --> 00:02:12,775
die neue Bereitstellung von Google.

33
00:02:12,775 --> 00:02:15,740
Wir schauen uns später weitere Details dazu an.

34
00:02:15,740 --> 00:02:18,520
Wir untersuchen, wie wir Authentifizierungsunterstützung verwenden können

35
00:02:18,520 --> 00:02:22,030
, die von Firebase zur Authentifizierung von Benutzern zur Verfügung gestellt wird.

36
00:02:22,030 --> 00:02:27,880
Wir werden uns den Cloud-Speicher ansehen, um unsere Bilddateien zu speichern und sie bereitzustellen.

37
00:02:27,880 --> 00:02:34,650
Und dann schauen wir uns auch an, wie wir all diese zusammen mit

38
00:02:34,650 --> 00:02:41,170
dem Firebase-bezogenen Knotenmodul nutzen können, das wir zusammen mit dem

39
00:02:41,170 --> 00:02:46,270
angularfire2-Knotenmodul in unsere Winkelanwendung integrieren

40
00:02:46,270 --> 00:02:51,910
können, so dass wir mit unserem Firebase-Backend als Service kommunizieren können.

41
00:02:51,910 --> 00:02:55,300
Außerdem

42
00:02:55,300 --> 00:02:58,390
sehen wir, wie der

43
00:02:58,390 --> 00:03:04,525
Firebase-Bindestrich selbst verschiedene Funktionen bietet, wie es Ihnen ermöglicht,

44
00:03:04,525 --> 00:03:11,200
verschiedene Benutzerfunktionen für verschiedene Onboarding Ihrer Anwendung bereitzustellen und

45
00:03:11,200 --> 00:03:17,590
wie einfach es ist, Ihr Backend entweder mit einem iOS,

46
00:03:17,590 --> 00:03:20,110
Android oder der Webanwendung zu integrieren .

47
00:03:20,110 --> 00:03:26,305
Insbesondere werden wir uns die Webanwendung und die Verwendung

48
00:03:26,305 --> 00:03:29,290
von JavaScript anschauen und auch die Verwendung, wie wir

49
00:03:29,290 --> 00:03:33,610
dies etwas später in unsere Winkelanwendung integrieren werden.

50
00:03:33,610 --> 00:03:39,900
Und auch, Firebase bietet eine Echtzeit-Datenbank,

51
00:03:39,900 --> 00:03:42,850
sowohl die ursprüngliche Echtzeit-Datenbank,

52
00:03:42,850 --> 00:03:45,040
als auch die neue Cloud Firestone,

53
00:03:45,040 --> 00:03:50,905
ermöglicht es Ihnen, die Daten automatisch zwischen verschiedenen Benutzergeräten zu synchronisieren. Alle

54
00:03:50,905 --> 00:03:52,900
Änderungen,

55
00:03:52,900 --> 00:03:59,625
die auf der Serverseite vorgenommen werden, werden automatisch auf alle Clients

56
00:03:59,625 --> 00:04:06,996
übertragen, und natürlich können Sie weitere Details über Firebase auf dieser Website lesen.

57
00:04:06,996 --> 00:04:13,885
Und der Einstieg ist sehr einfach, da das Basisangebot für Benutzer kostenlos ist.

58
00:04:13,885 --> 00:04:17,854
Also lasst uns anfangen, Firebase zu verwenden.

59
00:04:17,854 --> 00:04:25,085
Wir richten unser Firebase-Konto ein und greifen dann auf unser Backend als Server zu und richten es ein

60
00:04:25,085 --> 00:04:29,025
, den wir dann von unserer Winkelanwendung nutzen werden.

61
00:04:29,025 --> 00:04:31,995
Dies ist also eine kurze Tour durch Firebase,

62
00:04:31,995 --> 00:04:34,880
aber anstatt nur diese anzusehen,

63
00:04:34,880 --> 00:04:38,665
lassen Sie uns reingehen und unsere Hände schmutzig machen,

64
00:04:38,665 --> 00:04:41,970
eine Firebase-Basis

65
00:04:41,970 --> 00:04:45,900
wieder in den Dienst konfigurieren und sie dann in unserer eckigen Anwendung verwenden.

66
00:04:45,900 --> 00:04:47,593
Also, um loszulegen,

67
00:04:47,593 --> 00:04:49,910
wie Sie hier am rechten Rand sehen werden,

68
00:04:49,910 --> 00:04:51,510
heißt es gehen Sie zur Konsole.

69
00:04:51,510 --> 00:04:56,705
Offensichtlich sollten Sie ein Google-Konto haben, um Firebase nutzen zu können.

70
00:04:56,705 --> 00:04:58,264
Das versteht sich von selbst,

71
00:04:58,264 --> 00:05:00,380
und Sie sollten in Ihrem Google-Konto eingeloggt sein.

72
00:05:00,380 --> 00:05:01,640
Wie Sie sehen können,

73
00:05:01,640 --> 00:05:03,225
bin ich bereits in meinem Google-Konto.

74
00:05:03,225 --> 00:05:05,080
Das gibt mir Zugriff auf meine Konsole.

75
00:05:05,080 --> 00:05:06,857
Wenn Sie nicht angemeldet sind,

76
00:05:06,857 --> 00:05:09,871
ist es besser für Sie, sich in Ihrem Google-Konto anzumelden.

77
00:05:09,871 --> 00:05:12,150
Wenn Sie also zur Konsole gehen,

78
00:05:12,150 --> 00:05:18,620
gelangen Sie hier zur Firebase Services-Konsole,

79
00:05:18,620 --> 00:05:22,335
wo Sie Projekte einrichten können.

80
00:05:22,335 --> 00:05:23,825
Wenn Sie also zur Konsole gehen,

81
00:05:23,825 --> 00:05:26,460
wie Sie sehen können, heißt es, fügen Sie ein Projekt hinzu.

82
00:05:26,460 --> 00:05:27,605
Und wie Sie sehen können,

83
00:05:27,605 --> 00:05:30,675
habe ich bereits versucht,

84
00:05:30,675 --> 00:05:35,750
ein anderes Firebase-Projekt einzurichten, bevor ich es Ihnen erklärt habe.

85
00:05:35,750 --> 00:05:38,190
Also lasst uns hier ein Projekt einrichten.

86
00:05:38,190 --> 00:05:41,065
Also klicken wir auf das Add-Projekt,

87
00:05:41,065 --> 00:05:46,865
und das sollte ein schönes kleines Fenster auftauchen,

88
00:05:46,865 --> 00:05:48,765
in dem Sie Informationen eingeben können.

89
00:05:48,765 --> 00:05:53,750
Also nennen wir dieses Projekt als ConfusionServer,

90
00:05:53,750 --> 00:06:00,793
wie Sie es erwarten und konfigurieren es überall dort, wo Sie sich gerade befinden.

91
00:06:00,793 --> 00:06:06,615
Also werde ich es konfigurieren, um

92
00:06:06,615 --> 00:06:15,194
Hong Kong zu verwenden und ein Projekt zu erstellen.

93
00:06:15,194 --> 00:06:17,850
Und sobald Ihr Projekt erstellt wurde,

94
00:06:17,850 --> 00:06:21,575
wird Ihnen dies von Firebase präsentiert.

95
00:06:21,575 --> 00:06:28,980
Und hier, würden Sie sehen, dass das erste, was Sie möchten,

96
00:06:28,980 --> 00:06:32,430
Informationen über Ihre Firebase-Konfiguration

97
00:06:32,430 --> 00:06:36,670
, so dass Sie es in Ihrer Winkelanwendung verwenden können. Um

98
00:06:36,670 --> 00:06:37,950
das zu tun,

99
00:06:37,950 --> 00:06:40,985
klicken Sie hier auf diesen Button.

100
00:06:40,985 --> 00:06:44,085
So heißt es, fügen Sie Firebase zu Ihrer Web-App hinzu.

101
00:06:44,085 --> 00:06:47,730
Und das wird Ihnen eine Reihe von Informationen liefern, die

102
00:06:47,730 --> 00:06:51,750
Sie kopieren und speichern sollten, weil ich

103
00:06:51,750 --> 00:06:54,585
diese Informationen nutzen werde, um

104
00:06:54,585 --> 00:07:00,045
meine Winkelanwendung ein wenig später in der nächsten Übung zu konfigurieren.

105
00:07:00,045 --> 00:07:04,440
Speichern Sie diese Informationen also an einem geeigneten Ort, damit Sie

106
00:07:04,440 --> 00:07:10,350
diese Informationen nutzen können, wenn Sie den Standort Ihres Kunden einrichten.

107
00:07:10,350 --> 00:07:14,310
Im nächsten Schritt werde ich hier ein paar Konten einrichten.

108
00:07:14,310 --> 00:07:17,235
Also lassen Sie mich hier auf die Authentifizierung klicken.

109
00:07:17,235 --> 00:07:20,655
Und wenn die Authentifizierung aktiviert ist,

110
00:07:20,655 --> 00:07:27,060
richten wir die Anmeldemethoden ein, die wir für unseren Firebase-Server verwenden werden,

111
00:07:27,060 --> 00:07:29,865
und in meinem Fall

112
00:07:29,865 --> 00:07:38,520
werde ich das E-Mail-Passwort als eine der Optionen verwenden.

113
00:07:38,520 --> 00:07:41,080
So werden wir das E-Mail-Passwort aktivieren.

114
00:07:41,080 --> 00:07:45,095
Ich werde auch die Google-Anmeldung aktivieren.

115
00:07:45,095 --> 00:07:46,560
Diese beiden sind also aktiviert.

116
00:07:46,560 --> 00:07:55,000
Wenn Sie möchten, können Sie andere Möglichkeiten zur Authentifizierung der Benutzer aktivieren.

117
00:07:55,000 --> 00:07:57,705
Als nächstes gehen Sie zu den Benutzern, jetzt,

118
00:07:57,705 --> 00:08:02,895
wenn Sie sich mit Ihrem Google-Konto bei dieser Anwendung anmelden,

119
00:08:02,895 --> 00:08:07,812
wird dieser Benutzer automatisch zu Ihrem System hinzugefügt.

120
00:08:07,812 --> 00:08:13,610
Aber jetzt werde ich einen Benutzer mit einer E-Mail und einem Passwort einrichten.

121
00:08:13,610 --> 00:08:21,195
Also werde ich eine admin@confusion.net einrichten,

122
00:08:21,195 --> 00:08:31,105
und ich werde hier ein Passwort einrichten und den Benutzer hinzufügen.

123
00:08:31,105 --> 00:08:34,385
Dies wird also ein Benutzer sein,

124
00:08:34,385 --> 00:08:38,630
der sich mit der E-Mail-Passwort-Kombination anmelden kann.

125
00:08:38,630 --> 00:08:45,285
Wir können uns auch anmelden, um auf diesen Zugriff über unser Google-Konto zuzugreifen.

126
00:08:45,285 --> 00:08:47,690
Also meine eckige Anwendung,

127
00:08:47,690 --> 00:08:51,770
werde ich einrichten, um sowohl die

128
00:08:51,770 --> 00:08:56,215
E-Mail-Passwort-Art der Anmeldung als auch durch Google-konto-basierte Anmeldung zu verwenden.

129
00:08:56,215 --> 00:09:00,700
Danach werden wir in den Speicher gehen.

130
00:09:00,700 --> 00:09:03,620
Also werden wir als nächstes Speicher einrichten.

131
00:09:03,620 --> 00:09:09,650
Der Speicher ist also, wo Sie eine Möglichkeit einrichten können,

132
00:09:09,650 --> 00:09:18,035
Dateien auf Ihren Server hochzuladen und sie dann für die Verwendung zur Verfügung zu stellen.

133
00:09:18,035 --> 00:09:22,084
Also dieser Speicher, Ich werde meinen Speicher einrichten, um

134
00:09:22,084 --> 00:09:28,073
die Bilder zu speichern, die wir verwenden und speichern von unserer Server-Site.

135
00:09:28,073 --> 00:09:30,025
Wenn Sie also Speicher einrichten,

136
00:09:30,025 --> 00:09:33,590
wird der Satz von Sicherheitsregeln erstellt,

137
00:09:33,590 --> 00:09:38,880
die angeben, welche Art von Operationen vom Benutzer zugelassen werden.

138
00:09:38,880 --> 00:09:40,400
Es sagt also erlauben lesen,

139
00:09:40,400 --> 00:09:44,355
schreiben: wenn request.auth nicht gleich null ist,

140
00:09:44,355 --> 00:09:47,650
was bedeutet, dass nur Benutzer, die sich bei

141
00:09:47,650 --> 00:09:52,377
diesem Server angemeldet haben, lesen und schreiben können.

142
00:09:52,377 --> 00:09:59,270
Jetzt werde ich dies ändern, um Lesevorgänge für jedermann zu ermöglichen,

143
00:09:59,270 --> 00:10:06,035
aber Schreibvorgänge werden nur von authentifizierten Benutzern erlaubt.

144
00:10:06,035 --> 00:10:07,675
Also werden wir sagen, ich habe es

145
00:10:07,675 --> 00:10:12,348
bekommen, und dann werde ich anfangen.

146
00:10:12,348 --> 00:10:13,845
Also, in den Regeln

147
00:10:13,845 --> 00:10:18,705
werde ich hier auf die Regeln gehen und dann die Regeln ändern,

148
00:10:18,705 --> 00:10:24,845
damit Benutzer vom Server lesen können.

149
00:10:24,845 --> 00:10:29,590
Jetzt können wir es auf einer bestimmten Ordnerebene einrichten,

150
00:10:29,590 --> 00:10:31,620
aber da dies eine einfache Anwendung ist,

151
00:10:31,620 --> 00:10:36,590
werde ich sie auf der gesamten Speicherebene einrichten.

152
00:10:36,590 --> 00:10:39,325
Also, hier, ich werde sagen, erlauben lesen,

153
00:10:39,325 --> 00:10:43,403
und dann werde ich diese Regel ändern, um zu sagen, erlauben lesen,

154
00:10:43,403 --> 00:10:48,670
und ich werde sagen, erlauben Schreiben, wenn Anfrage.

155
00:10:48,670 --> 00:10:50,700
Wie Sie sehen können,

156
00:10:50,700 --> 00:10:53,995
können Benutzer aus dem Speicher lesen.

157
00:10:53,995 --> 00:10:57,165
Jeder Benutzer kann lesen, auch ohne Authentifizierung,

158
00:10:57,165 --> 00:11:02,750
aber das Schreiben ist nur auf Benutzer beschränkt, die sich beim System anmelden.

159
00:11:02,750 --> 00:11:06,750
Dies ist also eine einfache Änderung der Zugriffsregeln,

160
00:11:06,750 --> 00:11:08,180
der Sicherheitsregeln.

161
00:11:08,180 --> 00:11:10,410
Sie können hier ausführlicher sein,

162
00:11:10,410 --> 00:11:11,830
aber im einfachen Beispiel

163
00:11:11,830 --> 00:11:13,170
werde ich dabei bleiben.

164
00:11:13,170 --> 00:11:18,451
Und dann veröffentlichen wir diese Regeln auf unserem Server.

165
00:11:18,451 --> 00:11:23,600
Dann gehe ich zurück zu Dateien, in den Dateien,

166
00:11:23,600 --> 00:11:30,895
werde ich hier einen neuen Ordner mit dem Namen Bilder erstellen.

167
00:11:30,895 --> 00:11:33,760
Nun, wie Sie sehen,

168
00:11:33,760 --> 00:11:37,450
können die Regeln für diesen speziellen Ordner „Bilder“ eingerichtet werden,

169
00:11:37,450 --> 00:11:42,430
so dass Benutzer nur aus diesem Ordner „Bilder“ lesen und dann nur

170
00:11:42,430 --> 00:11:47,830
autorisierte Benutzer in diesen Bilderordner hochladen können, wenn Sie dies wünschen.

171
00:11:47,830 --> 00:11:50,150
Aber im Moment werde ich es als solche belassen,

172
00:11:50,150 --> 00:11:53,780
als die generische Regelgruppe, die ich dort konfiguriert habe.

173
00:11:53,780 --> 00:11:56,705
Gehen Sie nun in den Ordner Bilder.

174
00:11:56,705 --> 00:12:03,005
Ich werde hier eine Reihe von Bildern in diesen Ordner hochladen.

175
00:12:03,005 --> 00:12:10,445
Lassen Sie mich also ein paar Bilder schnappen, die ich für meine Anwendung habe.

176
00:12:10,445 --> 00:12:19,915
Und so hatte ich früher diese Bilder in meinen anderen Anwendungen verwendet.

177
00:12:19,915 --> 00:12:29,855
Ich werde alle diese Bilder auswählen und sie dann in den Google-Speicher hochladen.

178
00:12:29,855 --> 00:12:34,680
Diese Bilder sind in

179
00:12:34,680 --> 00:12:39,615
Ihrer Datei images.zip verfügbar, die ich Ihnen in der vorherigen Übung in der

180
00:12:39,615 --> 00:12:41,163
vorherigen Lektion zur Verfügung gestellt habe.

181
00:12:41,163 --> 00:12:43,395
Laden Sie einfach die Datei images.zip herunter,

182
00:12:43,395 --> 00:12:44,910
oder wenn Sie bereits heruntergeladen haben,

183
00:12:44,910 --> 00:12:48,720
sollten Sie diese Bilder dabei haben, damit Sie sie in die Datei hochladen können.

184
00:12:48,720 --> 00:12:50,303
Wenn Sie diese Bilder hochladen,

185
00:12:50,303 --> 00:12:56,215
können Sie auf eines dieser Bilder klicken und auch feststellen, dass unten unten,

186
00:12:56,215 --> 00:12:59,135
es gibt Ihnen diesen Speicherort.

187
00:12:59,135 --> 00:13:05,755
Sie müssen diese URL für diesen Speicherort kopieren, denn wenn wir unsere Datenbank konfigurieren,

188
00:13:05,755 --> 00:13:10,785
im Bildfeld unserer JSON-Daten,

189
00:13:10,785 --> 00:13:17,525
werden wir jeden von ihnen mit dieser URL für das entsprechende Bild konfigurieren.

190
00:13:17,525 --> 00:13:21,315
Als nächstes werden wir zu dieser Datenbank übergehen.

191
00:13:21,315 --> 00:13:25,975
In der Datenbank haben Sie zwei Möglichkeiten.

192
00:13:25,975 --> 00:13:28,970
Sie können mit der älteren Echtzeit-Datenbank gehen,

193
00:13:28,970 --> 00:13:31,375
die von Google unterstützt wird,

194
00:13:31,375 --> 00:13:37,065
und in der Tat die meisten aktuellen Anwendungen, die Firebase verwenden, verwenden die Echtzeit-Datenbank.

195
00:13:37,065 --> 00:13:38,820
Aber dann, in diesem Kurs,

196
00:13:38,820 --> 00:13:43,420
werden wir die neuere Firestore Beta erkunden.

197
00:13:43,420 --> 00:13:50,450
Die Firestore Beta bietet eine viel umfassendere Echtzeit-Datenbank.

198
00:13:50,450 --> 00:13:55,110
Dies ist also die nächste Generation der Echtzeit-Datenbank und bietet

199
00:13:55,110 --> 00:13:59,310
viel fortgeschrittenere Möglichkeiten,

200
00:13:59,310 --> 00:14:04,320
ihren Speicher für uns abzufragen und automatisch zu skalieren.

201
00:14:04,320 --> 00:14:07,260
Also gehen wir mit der Firestore Beta.

202
00:14:07,260 --> 00:14:09,870
Nun, einer der Gründe für mich, wieder mit

203
00:14:09,870 --> 00:14:14,340
der Firestore Beta zu beginnen, ist einfach, weil es

204
00:14:14,340 --> 00:14:23,250
uns erlaubt, die Informationen in Form von Dokumenten und Sammlungen zu speichern.

205
00:14:23,250 --> 00:14:25,770
Nun, aus unserer Erfahrung mit MongoDB,

206
00:14:25,770 --> 00:14:28,988
wissen wir bereits, wie Dokumente und Sammlungen funktionieren,

207
00:14:28,988 --> 00:14:33,630
und deshalb ist die Firestore Beta eine viel bessere Wahl für uns,

208
00:14:33,630 --> 00:14:37,275
da wir bereits wissen, wie das konfiguriert ist.

209
00:14:37,275 --> 00:14:39,900
Wenn Sie standardmäßig die Standard-Echtzeitdatenbank verwenden möchten,

210
00:14:39,900 --> 00:14:41,280
können Sie dies tun.

211
00:14:41,280 --> 00:14:44,040
Aber die Echtzeitdatenbank speichert alle Ihre Daten in

212
00:14:44,040 --> 00:14:51,272
einem großen Baum und verfügt über eine begrenzte Anzahl von Abfragefunktionen.

213
00:14:51,272 --> 00:14:56,315
Also für die Sicherheitsregeln für meine Firestore,

214
00:14:56,315 --> 00:14:59,970
werde ich mit dem Testmodus gehen,

215
00:14:59,970 --> 00:15:05,955
wo ich es einfach offen lassen werde, damit Leute im Moment lesen und schreiben können.

216
00:15:05,955 --> 00:15:11,790
Und das ist in Ordnung, weil wir nur die Datenbank testen, aber normalerweise

217
00:15:11,790 --> 00:15:20,245
würde ich vorschlagen, hier eine konfiguriertere Art zu verwenden, mit Ihrer Datenbank zu arbeiten.

218
00:15:20,245 --> 00:15:23,171
Also beginnen wir mit einem Testmodus.

219
00:15:23,171 --> 00:15:27,165
Und so richten wir zunächst die Sicherheitsregeln wie diese ein.

220
00:15:27,165 --> 00:15:31,280
Sie können mit einem aufwendigeren Sicherheitstool-Setup gehen.

221
00:15:31,280 --> 00:15:34,710
Wie Sie mit dem Speicher gesehen

222
00:15:34,710 --> 00:15:37,255
haben, hatten wir so eingerichtet, dass Lesevorgänge von

223
00:15:37,255 --> 00:15:40,620
jedermann erlaubt sind, aber Schreibvorgänge sind nur von autorisierten Benutzern erlaubt.

224
00:15:40,620 --> 00:15:44,790
Wir können auch hier eine ähnliche Funktionalität einrichten.

225
00:15:44,790 --> 00:15:47,355
Das ist also der Verwirrungsserver.

226
00:15:47,355 --> 00:15:49,590
Und so

227
00:15:49,590 --> 00:15:56,160
lassen Sie mich in den Regeln zu diesem Speicher gehen und dann einfach die Regel aus dem Speicher hier kopieren,

228
00:15:56,160 --> 00:16:01,020
und wir werden die gleiche Art von Einschränkung hier einrichten.

229
00:16:01,020 --> 00:16:04,725
So werden wir jedem erlauben, zu lesen, aber nur

230
00:16:04,725 --> 00:16:11,420
autorisierte Benutzer, um in die Datenbank zu schreiben.

231
00:16:11,420 --> 00:16:15,075
Also gehen wir zurück zur Datenbank, in den Regeln,

232
00:16:15,075 --> 00:16:25,688
können wir sagen, erlauben lesen: und dann die zweite Zeile werde ich das ersetzen und

233
00:16:25,688 --> 00:16:29,620
sagen lassen schreiben, wenn request.auth nicht gleich null ist.

234
00:16:29,620 --> 00:16:32,535
Also nur Personen, die eingeloggt sind,

235
00:16:32,535 --> 00:16:36,540
werden sie in der Lage sein, Änderungen an den Daten vorzunehmen, so dass wir

236
00:16:36,540 --> 00:16:41,441
zumindest einen gewissen Schutz für meine Daten haben.

237
00:16:41,441 --> 00:16:48,900
Jetzt, hier, können wir jetzt grafisch in die Daten zu unserer Anwendung hinzufügen.

238
00:16:48,900 --> 00:16:54,791
Und das finde ich den schnellsten Weg, die Daten hinzuzufügen.

239
00:16:54,791 --> 00:16:57,270
Wenn Sie die Client-Site einrichten,

240
00:16:57,270 --> 00:17:00,380
können Sie auch Daten von der Client-Site posten, aber

241
00:17:00,380 --> 00:17:04,780
jetzt starten wir, indem wir hier drei Sammlungen hinzufügen.

242
00:17:04,780 --> 00:17:10,535
Also die erste Sammlung, die ich hinzufügen werde, ist Geschirr.

243
00:17:10,535 --> 00:17:14,800
Und wir können Dokumente zum Geschirr hinzufügen,

244
00:17:14,800 --> 00:17:17,400
damit wir unser erstes Dokument hinzufügen können.

245
00:17:17,400 --> 00:17:19,405
Also, um ein Dokument zu den Gerichten hinzuzufügen,

246
00:17:19,405 --> 00:17:23,005
denken Sie daran, dass ich Ihnen die db.json-Datei dort gegeben habe.

247
00:17:23,005 --> 00:17:27,085
So können Sie mit der Datei db.json gehen und dann

248
00:17:27,085 --> 00:17:31,665
Schritt für Schritt jedes der Gerichte hinzufügen, die wir haben.

249
00:17:31,665 --> 00:17:36,350
Also, hier werde ich das erste Gericht hier konfigurieren.

250
00:17:36,350 --> 00:17:44,895
Für das Gericht können wir Firebase erlauben, automatisch die ID für unser Dokument zuzuweisen.

251
00:17:44,895 --> 00:17:48,010
Also lasse ich das automatisch zuweisen.

252
00:17:48,010 --> 00:17:52,660
Also fügen wir hier das erste Gericht hinzu.

253
00:17:52,660 --> 00:18:01,200
Der Name des Feldes und das erste Gericht hier.

254
00:18:01,200 --> 00:18:03,633
Also müssen wir

255
00:18:03,633 --> 00:18:07,099
jedes der Gerichte hier sorgfältig hinzufügen, Stück für Stück.

256
00:18:07,099 --> 00:18:09,205
Also sagen wir Name,

257
00:18:09,205 --> 00:18:16,327
und dann sagen wir Kategorie, die Netz ist.

258
00:18:16,327 --> 00:18:21,935
Und dann werden wir in Bild hinzufügen,

259
00:18:21,935 --> 00:18:26,450
das ich zurückkommen und ein wenig später hinzufügen werde, weil ich

260
00:18:26,450 --> 00:18:32,250
die Bild-URL aus meinem Speicher kopieren und hier verwenden muss.

261
00:18:32,250 --> 00:18:48,138
Dann werden wir es als Hot, Preis beschriftet haben.

262
00:18:48,138 --> 00:18:51,505
Also haben wir Kategorie,

263
00:18:51,505 --> 00:18:55,240
Name, Kategorie, Bild, Etikett, Preis

264
00:18:55,240 --> 00:19:02,310
, Beschreibung, die ich aus meiner db.json-Datei kopieren und einfügen werde.

265
00:19:02,310 --> 00:19:07,325
Und schließlich das Featured Flag,

266
00:19:07,325 --> 00:19:13,587
das ich als Boolean setzen und das in diesem Fall auf true setzen werde.

267
00:19:13,587 --> 00:19:20,135
Dies wird also unser erstes Dokument sein, das wir hier in unsere Datenbank aufnehmen werden.

268
00:19:20,135 --> 00:19:22,705
Sie würden also sofort bemerken, dass

269
00:19:22,705 --> 00:19:26,570
in unserer Datenbank das erste Dokument hinzugefügt wird.

270
00:19:26,570 --> 00:19:29,815
So sehen wir Gerichte und das erste Dokument,

271
00:19:29,815 --> 00:19:35,900
und Sie können die Informationen zu diesem Dokument hier konfiguriert sehen.

272
00:19:35,900 --> 00:19:38,695
So haben wir Kategorie, Beschreibung,

273
00:19:38,695 --> 00:19:44,355
Featured, Bild, Etikett, Name und Preis.

274
00:19:44,355 --> 00:19:49,360
Wir werden hier auch ein weiteres Feld namens CreateDat hinzufügen,

275
00:19:49,360 --> 00:19:54,175
und dies wird ein Zeitstempel sein.

276
00:19:54,175 --> 00:20:00,870
Und der Zeitstempel wäre der heutige Zeitstempel und dann lasse ich dort Zeitwert als solchen.

277
00:20:00,870 --> 00:20:04,772
So können wir auch Zeitstempel hinzufügen, und

278
00:20:04,772 --> 00:20:14,855
wir fügen auch einen weiteren Zeitstempel als UpdateDat und mit dem Zeitstempel hier hinzu.

279
00:20:14,855 --> 00:20:17,145
Also haben wir hier noch zwei Zeitstempel.

280
00:20:17,145 --> 00:20:18,730
Jetzt, für das Bild,

281
00:20:18,730 --> 00:20:21,375
werden wir hier zum Speicher gehen.

282
00:20:21,375 --> 00:20:25,230
Und aus unserem Speicher, in den Bildern,

283
00:20:25,230 --> 00:20:31,070
werden wir die Bilddatei hier auswählen

284
00:20:31,070 --> 00:20:36,790
und dann zum Speicherort der Datei gehen und dann diese URL hier kopieren.

285
00:20:36,790 --> 00:20:38,795
Wenn wir also nur darauf klicken

286
00:20:38,795 --> 00:20:40,880
, wird diese URL kopiert.

287
00:20:40,880 --> 00:20:42,050
Also kommen wir zurück zu

288
00:20:42,050 --> 00:20:49,715
dieser Datenbank und

289
00:20:49,715 --> 00:20:53,975
bearbeiten dann das Bildfeld und fügen dann diese URL dort hinzu.

290
00:20:53,975 --> 00:20:58,085
So können Sie voran gehen und die restlichen Gerichte,

291
00:20:58,085 --> 00:21:02,120
die Promotionen und auch die Führer hinzufügen.

292
00:21:02,120 --> 00:21:04,280
Also, sobald Sie alle Schritte abgeschlossen,

293
00:21:04,280 --> 00:21:08,700
die einige Zeit dauern wird, bis Sie Schritt für Schritt zu tun.

294
00:21:08,700 --> 00:21:13,620
Also lasse ich Sie beenden, all diese Informationen zu Ihrer Firebase hinzuzufügen.

295
00:21:13,620 --> 00:21:18,045
Nachdem Sie also alle Daten in Ihre Datenbank eingegeben haben,

296
00:21:18,045 --> 00:21:21,675
sollten Ihre Gerichte hier vier Gerichte haben.

297
00:21:21,675 --> 00:21:26,660
Stellen Sie erneut sicher, dass Sie

298
00:21:26,660 --> 00:21:33,166
das Bildfeld mit der URL aus diesem Speicher für dieses bestimmte Bild initialisieren.

299
00:21:33,166 --> 00:21:40,565
Sie haben also ein, zwei, drei und vier Gerichte.

300
00:21:40,565 --> 00:21:43,805
Dann haben Sie entsprechend vier Anführer.

301
00:21:43,805 --> 00:21:50,860
Eins, zwei, drei und vier und eine Beförderung ist hier.

302
00:21:50,860 --> 00:21:54,590
Stellen Sie erneut sicher, dass Sie die Images für jedes von

303
00:21:54,590 --> 00:21:58,940
ihnen entsprechend aus dem Firebase-Speicher initialisieren.

304
00:21:58,940 --> 00:22:02,375
Damit ist unser Server komplett konfiguriert.

305
00:22:02,375 --> 00:22:10,100
Unser Firebase-Server verfügt also über alle Daten, die benötigt werden, damit er unseren Plänen gerecht wird.

306
00:22:10,100 --> 00:22:13,595
Wir werden nun mit der nächsten Übung fortfahren,

307
00:22:13,595 --> 00:22:18,725
wo wir unseren Winkelclient so konfigurieren, dass er auf

308
00:22:18,725 --> 00:22:22,370
dieses Firebase-Backend als Dienst zugreifen kann und dann Daten abrufen

309
00:22:22,370 --> 00:22:26,469
und dann auch Daten an ihren Firebase-Server übertragen kann.

310
00:22:26,469 --> 00:22:29,440
Damit schließen wir diese Übung ab.

311
00:22:29,440 --> 00:22:33,110
In dieser Übung haben wir gesehen, wie einfach es für uns ist,

312
00:22:33,110 --> 00:22:37,100
unser Firebase-Backend als Dienst für die Authentifizierung,

313
00:22:37,100 --> 00:22:43,520
zum Speichern und Bereitstellen von Dateien sowie zum Speichern von Informationen in

314
00:22:43,520 --> 00:22:51,410
der Cloud Firestore Datenbank in Form von Sammlungen und Dokumenten innerhalb von Sammlungen zu konfigurieren.

315
00:22:51,410 --> 00:22:55,180
Damit schließen wir diese Übung ab.