1
00:00:03,900 --> 00:00:07,540
Andiamo a pescare nel mercato del basso.

2
00:00:07,540 --> 00:00:10,520
Inizieremo con Firebase,

3
00:00:10,520 --> 00:00:13,560
l'offerta premium di Google.

4
00:00:13,560 --> 00:00:16,190
Capiamo un po 'di Firebase,

5
00:00:16,190 --> 00:00:19,375
configura un server Firebase,

6
00:00:19,375 --> 00:00:22,340
e poi vedremo l'applicazione angolare,

7
00:00:22,340 --> 00:00:24,790
che ho intenzione di retrofit in base

8
00:00:24,790 --> 00:00:29,340
alla precedente applicazione angolare che hai visto nella lezione precedente.

9
00:00:29,340 --> 00:00:34,890
Lo modificheremo per fare uso di Firebase come backend.

10
00:00:34,890 --> 00:00:38,890
Quindi, come vedremmo alla fine di questa lezione,

11
00:00:38,890 --> 00:00:41,440
questo esercizio e il seguente esercizio,

12
00:00:41,440 --> 00:00:46,600
possiamo facilmente prendere un'applicazione angolare e retrofit per fare uso di

13
00:00:46,600 --> 00:00:52,245
Firebase come backend come fornitore di servizi.

14
00:00:52,245 --> 00:00:54,612
Per iniziare il viaggio,

15
00:00:54,612 --> 00:01:00,725
andiamo su firebase.google.com per capire un po 'di Firebase.

16
00:01:00,725 --> 00:01:04,635
Una sorta di argomento di fare un'intera presentazione su Firebase,

17
00:01:04,635 --> 00:01:06,550
ti eseguirò rapidamente ciò che è stato

18
00:01:06,550 --> 00:01:09,370
spiegato sul sito Firebase stesso perché ti danno

19
00:01:09,370 --> 00:01:15,125
sufficienti dettagli su come Firebase stesso supporta varie funzionalità.

20
00:01:15,125 --> 00:01:19,810
Quindi eseguiamo questo sito Web per capire come funziona Firebase.

21
00:01:19,810 --> 00:01:22,480
Quindi, se vai al sito web, come puoi vedere,

22
00:01:22,480 --> 00:01:27,955
Firebase ti aiuta a creare app mobili migliori e far crescere la tua attività.

23
00:01:27,955 --> 00:01:30,750
E poi, come vedi qui,

24
00:01:30,750 --> 00:01:36,280
ti spiega i dettagli su come ti consente di creare

25
00:01:36,280 --> 00:01:41,641
rapidamente le tue app senza dover gestire l'infrastruttura back-end per la tua applicazione,

26
00:01:41,641 --> 00:01:46,875
e una singola console che offre una serie di prodotti che funzionano insieme.

27
00:01:46,875 --> 00:01:56,305
Quindi questi sono tutti prodotti offerti da Google che lavorano insieme per soddisfare le tue esigenze di back-end.

28
00:01:56,305 --> 00:02:00,010
E anche qui, puoi sfruttare

29
00:02:00,010 --> 00:02:03,585
molti dei prodotti complementari disponibili da Google.

30
00:02:03,585 --> 00:02:06,055
Quindi, in particolare, in questo esercizio,

31
00:02:06,055 --> 00:02:09,620
sfrutteremo il Cloud Firestore,

32
00:02:09,620 --> 00:02:12,775
la nuova disposizione di Google.

33
00:02:12,775 --> 00:02:15,740
Vedremo maggiori dettagli su questo più tardi.

34
00:02:15,740 --> 00:02:18,520
Vediamo come possiamo utilizzare il supporto di autenticazione

35
00:02:18,520 --> 00:02:22,030
fornito da Firebase per l'autenticazione degli utenti.

36
00:02:22,030 --> 00:02:27,880
Esamineremo l'archiviazione cloud per archiviare i nostri file immagine e servirli.

37
00:02:27,880 --> 00:02:34,650
E poi vedremo anche come possiamo sfruttare tutti questi insieme con

38
00:02:34,650 --> 00:02:41,170
il modulo nodo Firebase correlato che possiamo incorporare insieme al

39
00:02:41,170 --> 00:02:46,270
modulo nodo angularfire2 nella nostra applicazione angolare in modo che

40
00:02:46,270 --> 00:02:51,910
possiamo comunicare con il nostro backend Firebase come servizio.

41
00:02:51,910 --> 00:02:55,300
Inoltre, guardando più in dettaglio,

42
00:02:55,300 --> 00:02:58,390
vediamo come il

43
00:02:58,390 --> 00:03:04,525
trattino Firebase stesso fornisce varie funzionalità come consentire di implementare

44
00:03:04,525 --> 00:03:11,200
diverse funzionalità utente per diverse onboarding della tua applicazione e

45
00:03:11,200 --> 00:03:17,590
quanto sia facile integrare il tuo backend con un iOS,

46
00:03:17,590 --> 00:03:20,110
Android o l'applicazione web .

47
00:03:20,110 --> 00:03:26,305
In particolare, esamineremo l'applicazione web e utilizzando JavaScript e

48
00:03:26,305 --> 00:03:29,290
anche l'uso di come

49
00:03:29,290 --> 00:03:33,610
incorporeremo questo nella nostra applicazione angolare un po 'più tardi.

50
00:03:33,610 --> 00:03:39,900
Inoltre, Firebase fornisce un database in tempo reale,

51
00:03:39,900 --> 00:03:42,850
sia il database originale in tempo reale,

52
00:03:42,850 --> 00:03:45,040
sia il nuovo Cloud Firestone,

53
00:03:45,040 --> 00:03:50,905
consentono di sincronizzare automaticamente i dati tra i vari dispositivi utente.

54
00:03:50,905 --> 00:03:52,900
Quindi qualsiasi modifica apportata

55
00:03:52,900 --> 00:03:59,625
sul lato server verrà automaticamente riflessa a tutti i client

56
00:03:59,625 --> 00:04:06,996
e, naturalmente, è possibile leggere ulteriori dettagli su Firebase su questo sito web.

57
00:04:06,996 --> 00:04:13,885
Ed è molto facile iniziare perché l'offerta di base è gratuita per gli utenti.

58
00:04:13,885 --> 00:04:17,854
Quindi iniziamo a usare Firebase.

59
00:04:17,854 --> 00:04:25,085
Configureremo il nostro account Firebase e quindi accederemo e configureremo il nostro backend come server,

60
00:04:25,085 --> 00:04:29,025
che poi useremo dalla nostra applicazione angolare.

61
00:04:29,025 --> 00:04:31,995
Quindi questo è un rapido tour di Firebase,

62
00:04:31,995 --> 00:04:34,880
ma invece di guardare questi,

63
00:04:34,880 --> 00:04:38,665
entriamo e in realtà ci sporchiamo le mani,

64
00:04:38,665 --> 00:04:41,970
configurando una base Firebase

65
00:04:41,970 --> 00:04:45,900
nel servizio e quindi usandola sulla nostra applicazione angolare.

66
00:04:45,900 --> 00:04:47,593
Quindi, per iniziare,

67
00:04:47,593 --> 00:04:49,910
come vedrai al bordo destro qui,

68
00:04:49,910 --> 00:04:51,510
dice vai alla console.

69
00:04:51,510 --> 00:04:56,705
Ovviamente, dovresti avere un account Google per poter utilizzare Firebase.

70
00:04:56,705 --> 00:04:58,264
Questo va da sé,

71
00:04:58,264 --> 00:05:00,380
e dovresti essere connesso al tuo account Google.

72
00:05:00,380 --> 00:05:01,640
Quindi, come puoi vedere,

73
00:05:01,640 --> 00:05:03,225
sono già nel mio account Google.

74
00:05:03,225 --> 00:05:05,080
Quindi mi dara' accesso alla mia console.

75
00:05:05,080 --> 00:05:06,857
Se non hai effettuato l'accesso,

76
00:05:06,857 --> 00:05:09,871
allora è meglio per te accedere al tuo account Google.

77
00:05:09,871 --> 00:05:12,150
Quindi, quando vai alla console,

78
00:05:12,150 --> 00:05:18,620
questo ti porterà alla console dei servizi Firebase qui,

79
00:05:18,620 --> 00:05:22,335
dove puoi configurare i progetti.

80
00:05:22,335 --> 00:05:23,825
Quindi, quando vai alla console,

81
00:05:23,825 --> 00:05:26,460
come puoi vedere, dice aggiungi un progetto.

82
00:05:26,460 --> 00:05:27,605
E, come puoi vedere,

83
00:05:27,605 --> 00:05:30,675
ho già provato la mia mano a configurare

84
00:05:30,675 --> 00:05:35,750
un altro progetto Firebase prima di spiegartelo.

85
00:05:35,750 --> 00:05:38,190
Quindi impostiamo un progetto qui.

86
00:05:38,190 --> 00:05:41,065
Quindi faremo clic sul progetto aggiungi,

87
00:05:41,065 --> 00:05:46,865
e che dovrebbe portare su una bella finestra,

88
00:05:46,865 --> 00:05:48,765
dove è possibile digitare le informazioni.

89
00:05:48,765 --> 00:05:53,750
Quindi chiameremo questo progetto come ConfusionServer,

90
00:05:53,750 --> 00:06:00,793
come ci si aspetterebbe e lo configureremo ovunque ci si trovi al momento.

91
00:06:00,793 --> 00:06:06,615
Quindi ho intenzione di configurarlo per usare

92
00:06:06,615 --> 00:06:15,194
Hong Kong e creare un progetto.

93
00:06:15,194 --> 00:06:17,850
E una volta creato il tuo progetto,

94
00:06:17,850 --> 00:06:21,575
questo è ciò che ti verrà presentato da Firebase.

95
00:06:21,575 --> 00:06:28,980
E, qui, vedresti che la prima cosa che vorresti prendere sono

96
00:06:28,980 --> 00:06:32,430
le informazioni sulla tua configurazione Firebase in modo da

97
00:06:32,430 --> 00:06:36,670
poterla utilizzare all'interno della tua applicazione angolare.

98
00:06:36,670 --> 00:06:37,950
Quindi, per farlo,

99
00:06:37,950 --> 00:06:40,985
clicca su questo pulsante qui.

100
00:06:40,985 --> 00:06:44,085
Quindi dice, aggiungi Firebase alla tua app web.

101
00:06:44,085 --> 00:06:47,730
E questo ti fornirà un sacco di informazioni che

102
00:06:47,730 --> 00:06:51,750
dovresti copiare e salvare perché

103
00:06:51,750 --> 00:06:54,585
userò queste informazioni per configurare

104
00:06:54,585 --> 00:07:00,045
la mia applicazione angolare un po 'più tardi nel prossimo esercizio.

105
00:07:00,045 --> 00:07:04,440
Quindi salvare queste informazioni in una posizione comoda in modo da

106
00:07:04,440 --> 00:07:10,350
poter utilizzare queste informazioni quando si configura il sito del cliente.

107
00:07:10,350 --> 00:07:14,310
Il prossimo passo, stabilirò un paio di account qui.

108
00:07:14,310 --> 00:07:17,235
Quindi fammi fare clic sull'autenticazione qui.

109
00:07:17,235 --> 00:07:20,655
E quando viene attivata l'autenticazione,

110
00:07:20,655 --> 00:07:27,060
imposteremo i metodi di accesso che useremo per il nostro server Firebase,

111
00:07:27,060 --> 00:07:29,865
e nel mio caso,

112
00:07:29,865 --> 00:07:38,520
userò la password e-mail come una delle opzioni.

113
00:07:38,520 --> 00:07:41,080
Quindi abiliteremo la password di posta elettronica.

114
00:07:41,080 --> 00:07:45,095
Abiliterò anche l'accesso a Google.

115
00:07:45,095 --> 00:07:46,560
Quindi questi due sono abilitati.

116
00:07:46,560 --> 00:07:55,000
Se lo si desidera, è possibile abilitare altri modi per autenticare gli utenti.

117
00:07:55,000 --> 00:07:57,705
Successivamente, andando agli utenti, ora,

118
00:07:57,705 --> 00:08:02,895
se accedi a questa applicazione con il tuo account Google,

119
00:08:02,895 --> 00:08:07,812
quell'utente verrà automaticamente aggiunto al tuo sistema.

120
00:08:07,812 --> 00:08:13,610
Ma in questo momento, ho intenzione di impostare un utente con un'e-mail e una password.

121
00:08:13,610 --> 00:08:21,195
Quindi imposterò un admin@confusion.net

122
00:08:21,195 --> 00:08:31,105
e imposterò una password qui e aggiungerò l'utente.

123
00:08:31,105 --> 00:08:34,385
Quindi questo sarà un utente,

124
00:08:34,385 --> 00:08:38,630
che può accedere con la combinazione di e-password.

125
00:08:38,630 --> 00:08:45,285
Possiamo anche registrarci per accedervi utilizzando il nostro account Google.

126
00:08:45,285 --> 00:08:47,690
Quindi la mia applicazione angolare,

127
00:08:47,690 --> 00:08:51,770
configurerò per utilizzare sia il modo di accedere alla password

128
00:08:51,770 --> 00:08:56,215
di posta elettronica che l'accesso basato sull'account Google.

129
00:08:56,215 --> 00:09:00,700
Dopodiché, andremo in magazzino.

130
00:09:00,700 --> 00:09:03,620
Quindi imposteremo lo storage successivo.

131
00:09:03,620 --> 00:09:09,650
Quindi lo storage è dove è possibile impostare un modo per

132
00:09:09,650 --> 00:09:18,035
caricare i file sul server e quindi renderli disponibili per l'uso.

133
00:09:18,035 --> 00:09:22,084
Quindi questo storage, ho intenzione di impostare il mio spazio di archiviazione per memorizzare

134
00:09:22,084 --> 00:09:28,073
le immagini che useremo e salvare dal nostro sito server.

135
00:09:28,073 --> 00:09:30,025
Quindi, quando si imposta

136
00:09:30,025 --> 00:09:33,590
lo storage, verrà visualizzato il set di regole di sicurezza,

137
00:09:33,590 --> 00:09:38,880
che specificano quale tipo di operazioni saranno consentite dall'utente.

138
00:09:38,880 --> 00:09:40,400
Quindi dice consentire di leggere,

139
00:09:40,400 --> 00:09:44,355
scrivere: se request.auth non è uguale a null, il

140
00:09:44,355 --> 00:09:47,650
che significa che solo gli utenti che hanno effettuato l'accesso a

141
00:09:47,650 --> 00:09:52,377
questo server saranno in grado di leggere e scrivere.

142
00:09:52,377 --> 00:09:59,270
Ora, cambierò questo per consentire le letture per chiunque,

143
00:09:59,270 --> 00:10:06,035
ma le scritture saranno consentite solo dagli utenti autenticati.

144
00:10:06,035 --> 00:10:07,675
Quindi diremo, ho capito,

145
00:10:07,675 --> 00:10:12,348
e poi inizierò.

146
00:10:12,348 --> 00:10:13,845
Quindi, nelle regole,

147
00:10:13,845 --> 00:10:18,705
entrerò nelle regole qui e poi modificherò le regole per

148
00:10:18,705 --> 00:10:24,845
consentire agli utenti di essere in grado di leggere dal server.

149
00:10:24,845 --> 00:10:29,590
Ora, possiamo configurarlo a livello di cartella specifico,

150
00:10:29,590 --> 00:10:31,620
ma dal momento che questa è una semplice applicazione,

151
00:10:31,620 --> 00:10:36,590
ho intenzione di configurarlo a tutto il livello di archiviazione.

152
00:10:36,590 --> 00:10:39,325
Quindi, qui, dirò, consentire la lettura,

153
00:10:39,325 --> 00:10:43,403
e poi ho intenzione di modificare questa regola per dire consentire la lettura,

154
00:10:43,403 --> 00:10:48,670
e dirò, consentire scrivere se richiesta.

155
00:10:48,670 --> 00:10:50,700
Quindi, come puoi vedere,

156
00:10:50,700 --> 00:10:53,995
gli utenti saranno autorizzati a leggere dallo storage.

157
00:10:53,995 --> 00:10:57,165
Qualsiasi utente sarà autorizzato a leggere, anche senza autenticazione,

158
00:10:57,165 --> 00:11:02,750
ma la scrittura è limitata solo agli utenti che accedono al sistema.

159
00:11:02,750 --> 00:11:06,750
Quindi questa è semplice modifica alle regole di accesso,

160
00:11:06,750 --> 00:11:08,180
alle regole di sicurezza.

161
00:11:08,180 --> 00:11:10,410
Puoi essere più elaborato su questo,

162
00:11:10,410 --> 00:11:11,830
ma nel semplice esempio,

163
00:11:11,830 --> 00:11:13,170
resterò con questo.

164
00:11:13,170 --> 00:11:18,451
E poi pubblicheremo queste regole sul nostro server.

165
00:11:18,451 --> 00:11:23,600
Poi tornando ai file, nei file,

166
00:11:23,600 --> 00:11:30,895
ho intenzione di creare una nuova cartella qui denominata immagini.

167
00:11:30,895 --> 00:11:33,760
Ora, come si vede,

168
00:11:33,760 --> 00:11:37,450
le regole possono essere impostate per questa cartella di immagini specifica, in

169
00:11:37,450 --> 00:11:42,430
modo da consentire agli utenti di leggere solo da queste cartelle di immagini e quindi solo

170
00:11:42,430 --> 00:11:47,830
gli utenti autorizzati a caricare in questa cartella immagini, se lo si sceglie.

171
00:11:47,830 --> 00:11:50,150
Ma, in questo momento, lo lascerò come tale,

172
00:11:50,150 --> 00:11:53,780
come l'insieme generico di regola che ho configurato lì.

173
00:11:53,780 --> 00:11:56,705
Ora, andando alla cartella immagini.

174
00:11:56,705 --> 00:12:03,005
Ho intenzione di caricare un sacco di immagini in questa cartella qui.

175
00:12:03,005 --> 00:12:10,445
Quindi fammi prendere un sacco di immagini che ho per la mia applicazione.

176
00:12:10,445 --> 00:12:19,915
E così, prima, avevo usato queste immagini nelle mie altre applicazioni.

177
00:12:19,915 --> 00:12:29,855
Ho intenzione di selezionare tutte queste immagini e quindi caricarle nello spazio di archiviazione di Google qui.

178
00:12:29,855 --> 00:12:34,680
Queste immagini sono disponibili nel

179
00:12:34,680 --> 00:12:39,615
file images.zip che ti ho fornito nell'esercizio precedente,

180
00:12:39,615 --> 00:12:41,163
nella lezione precedente.

181
00:12:41,163 --> 00:12:43,395
Quindi basta scaricare il file images.zip,

182
00:12:43,395 --> 00:12:44,910
o se hai già scaricato,

183
00:12:44,910 --> 00:12:48,720
dovresti avere queste immagini con te in modo da poterle caricare nel file.

184
00:12:48,720 --> 00:12:50,303
Quando si caricano queste immagini,

185
00:12:50,303 --> 00:12:56,215
è possibile fare clic su una qualsiasi di quelle immagini e anche notare che qui sotto,

186
00:12:56,215 --> 00:12:59,135
ti dà questa posizione del file.

187
00:12:59,135 --> 00:13:05,755
È necessario copiare questo URL per questa posizione del file perché quando configuriamo

188
00:13:05,755 --> 00:13:10,785
il nostro database, nel campo delle immagini dei nostri dati JSON,

189
00:13:10,785 --> 00:13:17,525
stiamo andando a configurare ciascuno di essi con questo URL per l'immagine corrispondente.

190
00:13:17,525 --> 00:13:21,315
Successivamente, passeremo a quel database.

191
00:13:21,315 --> 00:13:25,975
Nel database, ti vengono date due scelte.

192
00:13:25,975 --> 00:13:28,970
Puoi andare con il vecchio database in tempo reale,

193
00:13:28,970 --> 00:13:31,375
supportato da Google,

194
00:13:31,375 --> 00:13:37,065
e in effetti la maggior parte delle applicazioni attuali che utilizzano Firebase utilizzerà il database in tempo reale.

195
00:13:37,065 --> 00:13:38,820
Ma poi, in questo corso,

196
00:13:38,820 --> 00:13:43,420
esploreremo la versione beta di Firestore più recente.

197
00:13:43,420 --> 00:13:50,450
La versione beta di Firestore fornisce un database in tempo reale molto più completo.

198
00:13:50,450 --> 00:13:55,110
Quindi questo è il database in tempo reale di prossima generazione e fornisce

199
00:13:55,110 --> 00:13:59,310
molti modi più avanzati di fare query e

200
00:13:59,310 --> 00:14:04,320
ridimensionare automaticamente il loro storage per noi.

201
00:14:04,320 --> 00:14:07,260
Quindi andremo con la beta di Firestore.

202
00:14:07,260 --> 00:14:09,870
Ora, uno dei motivi per cui ho ancora una volta per iniziare con

203
00:14:09,870 --> 00:14:14,340
la beta di Firestore è semplicemente perché

204
00:14:14,340 --> 00:14:23,250
ci permette di memorizzare le informazioni sotto forma di documenti e collezioni.

205
00:14:23,250 --> 00:14:25,770
Ora, dalla nostra esperienza con MongoDB,

206
00:14:25,770 --> 00:14:28,988
sappiamo già come funzionano i documenti e le collezioni,

207
00:14:28,988 --> 00:14:33,630
ed è per questo che la beta di Firestore è una scelta molto migliore per noi,

208
00:14:33,630 --> 00:14:37,275
dal momento che sappiamo già come è configurato.

209
00:14:37,275 --> 00:14:39,900
Se si desidera impostare come predefinito il database in tempo reale standard,

210
00:14:39,900 --> 00:14:41,280
è possibile scegliere di farlo.

211
00:14:41,280 --> 00:14:44,040
Ma il database in tempo reale memorizza tutti i dati in

212
00:14:44,040 --> 00:14:51,272
un unico albero di grandi dimensioni e ha una quantità limitata di funzionalità di query.

213
00:14:51,272 --> 00:14:56,315
Quindi, per le regole di sicurezza per il mio Firestore,

214
00:14:56,315 --> 00:14:59,970
andrò con la modalità di test,

215
00:14:59,970 --> 00:15:05,955
dove lascerò aperta alla gente da leggere e scrivere al momento.

216
00:15:05,955 --> 00:15:11,790
E questo va bene perché stiamo solo testando il database, ma normalmente,

217
00:15:11,790 --> 00:15:20,245
suggerirei di andare con un modo più configurato di lavorare con il tuo database qui.

218
00:15:20,245 --> 00:15:23,171
Quindi inizieremo con una modalità di test per iniziare.

219
00:15:23,171 --> 00:15:27,165
E quindi imposteremo le regole di sicurezza come questa, per cominciare.

220
00:15:27,165 --> 00:15:31,280
Si può andare con più elaborati strumenti di sicurezza set-up.

221
00:15:31,280 --> 00:15:34,710
Così come avete visto con lo storage,

222
00:15:34,710 --> 00:15:37,255
avevamo impostato in modo tale che le letture sono consentite da

223
00:15:37,255 --> 00:15:40,620
chiunque, ma le scritture sono consentite solo da utenti autorizzati.

224
00:15:40,620 --> 00:15:44,790
Possiamo impostare una funzionalità simile anche qui.

225
00:15:44,790 --> 00:15:47,355
Quindi questo è il confusionserver.

226
00:15:47,355 --> 00:15:49,590
E così, nelle regole,

227
00:15:49,590 --> 00:15:56,160
lasciami andare in quel deposito e poi copiare la regola dallo storage qui,

228
00:15:56,160 --> 00:16:01,020
e imposteremo lo stesso tipo di restrizione qui.

229
00:16:01,020 --> 00:16:04,725
Quindi permetteremo a chiunque di leggere ma solo

230
00:16:04,725 --> 00:16:11,420
agli utenti autorizzati di scrivere sul database.

231
00:16:11,420 --> 00:16:15,075
Quindi tornando al database, nelle regole,

232
00:16:15,075 --> 00:16:25,688
possiamo dire consentire la lettura: e poi la seconda riga che ho intenzione di sostituirla,

233
00:16:25,688 --> 00:16:29,620
dicendo consentire scrivere se request.auth non è uguale a null.

234
00:16:29,620 --> 00:16:32,535
Quindi solo le persone che

235
00:16:32,535 --> 00:16:36,540
hanno effettuato l'accesso, saranno in grado di apportare modifiche ai dati in modo che,

236
00:16:36,540 --> 00:16:41,441
almeno, abbiamo una certa protezione sui miei dati.

237
00:16:41,441 --> 00:16:48,900
Ora, qui, ora possiamo aggiungere graficamente i dati alla nostra applicazione.

238
00:16:48,900 --> 00:16:54,791
E questo, trovo il modo più veloce di aggiungere i dati.

239
00:16:54,791 --> 00:16:57,270
Se si imposta il sito client,

240
00:16:57,270 --> 00:17:00,380
è possibile pubblicare anche i dati dal sito client, ma

241
00:17:00,380 --> 00:17:04,780
, in questo momento, verrà avviato aggiungendo tre raccolte qui.

242
00:17:04,780 --> 00:17:10,535
Quindi la prima collezione che sommerò sono piatti.

243
00:17:10,535 --> 00:17:14,800
E possiamo aggiungere documenti ai piatti,

244
00:17:14,800 --> 00:17:17,400
così possiamo aggiungere il nostro primo documento.

245
00:17:17,400 --> 00:17:19,405
Quindi, per aggiungere un documento ai piatti,

246
00:17:19,405 --> 00:17:23,005
ricorda che ti ho dato il file db.json lì.

247
00:17:23,005 --> 00:17:27,085
Quindi puoi andare con il file db.json e quindi aggiungere,

248
00:17:27,085 --> 00:17:31,665
passo dopo passo, ciascuno dei piatti che abbiamo.

249
00:17:31,665 --> 00:17:36,350
Quindi, qui, ho intenzione di configurare il primo piatto qui.

250
00:17:36,350 --> 00:17:44,895
Quindi, per il piatto, possiamo consentire a Firebase di assegnare automaticamente l'ID per il nostro documento.

251
00:17:44,895 --> 00:17:48,010
Quindi lascerò che assegni automaticamente.

252
00:17:48,010 --> 00:17:52,660
Quindi aggiungeremo il primo piatto qui.

253
00:17:52,660 --> 00:18:01,200
Il nome del campo e il primo piatto qui.

254
00:18:01,200 --> 00:18:03,633
Quindi dobbiamo aggiungere meticolosamente,

255
00:18:03,633 --> 00:18:07,099
a poco a poco, ognuno dei piatti qui.

256
00:18:07,099 --> 00:18:09,205
Quindi diremo nome,

257
00:18:09,205 --> 00:18:16,327
e poi diremo categoria, che è rete elettrica.

258
00:18:16,327 --> 00:18:21,935
E poi aggiungeremo in immagine,

259
00:18:21,935 --> 00:18:26,450
che ho intenzione di tornare e aggiungere un po 'più tardi perché ho bisogno di copiare

260
00:18:26,450 --> 00:18:32,250
l'URL immagine dal mio archivio e usarlo qui.

261
00:18:32,250 --> 00:18:48,138
Allora lo faremo etichettare come Hot, prezzo.

262
00:18:48,138 --> 00:18:51,505
Quindi abbiamo categoria,

263
00:18:51,505 --> 00:18:55,240
nome, categoria, immagine, etichetta, prezzo,

264
00:18:55,240 --> 00:19:02,310
descrizione, che ho intenzione di copiare e incollare dal mio file db.json.

265
00:19:02,310 --> 00:19:07,325
E, infine, la bandiera in primo piano,

266
00:19:07,325 --> 00:19:13,587
che imposterò come booleano e lo imposterò su true in questo caso.

267
00:19:13,587 --> 00:19:20,135
Quindi questo sarà il nostro primo documento che aggiungeremo nel nostro database qui.

268
00:19:20,135 --> 00:19:22,705
Quindi si noterà immediatamente che,

269
00:19:22,705 --> 00:19:26,570
nel nostro database, viene aggiunto il primo documento.

270
00:19:26,570 --> 00:19:29,815
Quindi vedremo piatti e il primo documento,

271
00:19:29,815 --> 00:19:35,900
e puoi vedere le informazioni su questo documento configurato qui.

272
00:19:35,900 --> 00:19:38,695
Quindi abbiamo categoria, descrizione,

273
00:19:38,695 --> 00:19:44,355
in primo piano, immagine, etichetta, nome e prezzo.

274
00:19:44,355 --> 00:19:49,360
Aggiungeremo anche un altro campo qui chiamato CreateDat,

275
00:19:49,360 --> 00:19:54,175
e questo sarà un timestamp.

276
00:19:54,175 --> 00:20:00,870
E il timestamp sarebbe il timestamp di oggi e poi lascio lì il valore temporale in quanto tale.

277
00:20:00,870 --> 00:20:04,772
Quindi possiamo aggiungere timestamp anche a questo, e, inoltre,

278
00:20:04,772 --> 00:20:14,855
aggiungeremo un altro timestamp come updatedAt e con il timestamp qui.

279
00:20:14,855 --> 00:20:17,145
Quindi abbiamo altri due timestamp qui.

280
00:20:17,145 --> 00:20:18,730
Ora, per l'immagine,

281
00:20:18,730 --> 00:20:21,375
andremo al deposito qui.

282
00:20:21,375 --> 00:20:25,230
E dal nostro archivio, nelle immagini,

283
00:20:25,230 --> 00:20:31,070
selezioneremo il file immagine qui

284
00:20:31,070 --> 00:20:36,790
e poi andare alla posizione del file e quindi copiare questo URL qui.

285
00:20:36,790 --> 00:20:38,795
Quindi, se clicchiamo su questo,

286
00:20:38,795 --> 00:20:40,880
quell'URL verrà copiato.

287
00:20:40,880 --> 00:20:42,050
Quindi torneremo a

288
00:20:42,050 --> 00:20:49,715
quel database e poi

289
00:20:49,715 --> 00:20:53,975
modificheremo il campo immagine e poi aggiungeremo quell'URL lì. In

290
00:20:53,975 --> 00:20:58,085
questo modo, puoi andare avanti e aggiungere i piatti rimanenti,

291
00:20:58,085 --> 00:21:02,120
le promozioni e anche i leader.

292
00:21:02,120 --> 00:21:04,280
Quindi, una volta completati tutti i passaggi,

293
00:21:04,280 --> 00:21:08,700
che richiederà un bel po 'di tempo per voi a fare passo dopo passo.

294
00:21:08,700 --> 00:21:13,620
Quindi ti ho lasciato finire di aggiungere tutte queste informazioni al tuo Firebase.

295
00:21:13,620 --> 00:21:18,045
Quindi, dopo aver completato l'inserimento di tutti i dati nel database,

296
00:21:18,045 --> 00:21:21,675
i piatti dovrebbero avere quattro piatti qui.

297
00:21:21,675 --> 00:21:26,660
Ancora una volta, assicurarsi di inizializzare

298
00:21:26,660 --> 00:21:33,166
il campo immagine con l'URL da tale archivio per quella particolare immagine.

299
00:21:33,166 --> 00:21:40,565
Quindi avrai uno, due, tre e quattro piatti.

300
00:21:40,565 --> 00:21:43,805
Allora avrai quattro leader in modo corrispondente.

301
00:21:43,805 --> 00:21:50,860
Uno, due, tre e quattro e una promozione e' qui.

302
00:21:50,860 --> 00:21:54,590
Ancora una volta, assicurati di inizializzare le immagini per ognuna di

303
00:21:54,590 --> 00:21:58,940
esse in modo appropriato dall'archivio Firebase.

304
00:21:58,940 --> 00:22:02,375
Con questo, il nostro server è completamente configurato.

305
00:22:02,375 --> 00:22:10,100
Quindi il nostro server Firebase ha tutti i dati necessari per soddisfare i nostri piani.

306
00:22:10,100 --> 00:22:13,595
Passeremo ora al prossimo esercizio,

307
00:22:13,595 --> 00:22:18,725
dove configureremo il nostro client angolare per essere in grado di accedere a

308
00:22:18,725 --> 00:22:22,370
questo backend Firebase come servizio e quindi recuperare

309
00:22:22,370 --> 00:22:26,469
i dati e quindi anche spingere i dati al loro server Firebase.

310
00:22:26,469 --> 00:22:29,440
Con questo, completiamo questo esercizio.

311
00:22:29,440 --> 00:22:33,110
In questo esercizio, abbiamo visto quanto sia facile per noi

312
00:22:33,110 --> 00:22:37,100
configurare il nostro backend Firebase come servizio sia per l'autenticazione,

313
00:22:37,100 --> 00:22:43,520
per la memorizzazione di file e la loro distribuzione e anche

314
00:22:43,520 --> 00:22:51,410
la memorizzazione di informazioni nel database Cloud Firestore sotto forma di raccolte e documenti all'interno delle raccolte.

315
00:22:51,410 --> 00:22:55,180
Con questo, completiamo questo esercizio.