1
00:00:02,270 --> 00:00:04,340
Jadi mari kita bekerja pada bagian pemesanan.

2
00:00:04,370 --> 00:00:10,670
Sekarang, setiap kali ada pesanan baru, kami ingin mengirim pemberitahuan, pemberitahuan push.

3
00:00:11,060 --> 00:00:16,190
Sekarang kami menyimpan pemilik ini, Push Tolkan, yang kami perlukan untuk mengirim pemberitahuan.

4
00:00:16,640 --> 00:00:18,680
Dan sebenarnya kami punya dua pilihan.

5
00:00:18,710 --> 00:00:26,660
Sekarang, karena ini semua ada di ujung belakang, kami dapat mengirim permintaan ini untuk mengekspos server push dari ujung belakang, baik

6
00:00:26,660 --> 00:00:32,930
dengan menggunakan salah satu case Expo ESTA yang saya tunjukkan sebelumnya, seperti yang untuk Noad dan

7
00:00:32,930 --> 00:00:40,270
P HP, tergantung pada bahasa mana yang Anda gunakan di backend Anda atau hanya dengan mengirim usia yang sama.

8
00:00:40,280 --> 00:00:46,640
Permintaan TDP yang kami kirim dari dalam aplikasi lebih awal dari punggung Anda dan ayah juga akan menjadi pilihan.

9
00:00:47,210 --> 00:00:51,140
Sekarang Firebase adalah punggung istimewa dan kami tidak sepenuhnya memilikinya.

10
00:00:51,530 --> 00:00:56,330
Kami malah menggunakan layanan yang kami miliki dengan fungsi cloud.

11
00:00:56,360 --> 00:01:02,420
Akan ada layanan yang memungkinkan kita untuk menjalankan kode sisi server dan kita bisa membuat semuanya berfungsi.

12
00:01:02,660 --> 00:01:06,500
Tetapi karena menggunakan fungsi cloud tidak sepenuhnya gratis lagi.

13
00:01:06,800 --> 00:01:08,410
Saya tidak ingin tampil tahun ini.

14
00:01:08,660 --> 00:01:13,250
Saya hanya ingin Anda tahu bahwa Anda benar-benar dapat membuat kode di server.

15
00:01:13,460 --> 00:01:20,300
Itu akan membuat Anda menekan notifikasi untuk dikirim dari dalam server ini sehingga pemicu ini terjadi di sini

16
00:01:20,300 --> 00:01:21,290
di server.

17
00:01:21,800 --> 00:01:23,840
Sekarang, saya akan melakukannya dari aplikasi dan mulai.

18
00:01:23,940 --> 00:01:25,490
Matahari terbenam lebih mudah bagi kita di sini.

19
00:01:25,670 --> 00:01:27,890
Tapi itu hanya satu opsi yang memungkinkan.

20
00:01:28,490 --> 00:01:34,730
Sekarang, dari dalam, aplikasi akan mengirimkan notifikasi seperti yang kami lakukan sebelumnya di sini dalam urutan tambahan.

21
00:01:34,790 --> 00:01:36,020
Kami ingin mengirimkannya.

22
00:01:36,470 --> 00:01:39,020
Dan di sana kami mendapat barang-barang keranjang kami.

23
00:01:39,680 --> 00:01:41,570
Sekarang item keranjang kami dapatkan.

24
00:01:41,660 --> 00:01:44,600
Mari kita lihat sekilas apa yang ada di sana.

25
00:01:45,700 --> 00:01:52,510
Jadi jika Anda pergi ke toko, ke pesanan ke layar kartu, di situlah kami mengirimkan tindakannya.

26
00:01:53,750 --> 00:01:56,360
Tindakan Tambahkan pesanan dengan item kartu.

27
00:01:56,900 --> 00:02:05,180
Dan jika kita melihat item keranjang kami, kami melihat bahwa item kartu India diambil dari toko redux kami dan item

28
00:02:05,780 --> 00:02:13,400
kartu akan menjadi array di mana kami pada akhirnya memiliki objek di mana setiap objek memiliki produk di mana

29
00:02:13,400 --> 00:02:16,550
produk yang berjudul Product Price Quantity berakhir.

30
00:02:17,150 --> 00:02:23,000
Jadi yang kita butuhkan di sini adalah kita juga perlu token push produk.

31
00:02:23,180 --> 00:02:29,090
Jadi token dari pencipta produk ini pada akhirnya dan kita bisa mendapatkannya dari dalam negara kita.

32
00:02:31,480 --> 00:02:32,800
Mereka dari gerobak.

33
00:02:34,650 --> 00:02:36,570
Dari item untuk kunci itu.

34
00:02:36,590 --> 00:02:40,460
Jadi pada dasarnya apa yang kita lakukan di sana-sini, mari kita cari token push.

35
00:02:40,860 --> 00:02:46,320
Sekarang, ini adalah bidang yang belum ada karena kita, pertama-tama, perlu membuat beberapa perubahan

36
00:02:46,320 --> 00:02:48,540
pada toko kita di sana.

37
00:02:48,570 --> 00:02:50,790
Mari kita periksa peredam kartu.

38
00:02:52,210 --> 00:02:56,800
Ketika suatu produk ditambahkan ke kartu, kami mendapatkan informasi tentang produk ini di sini.

39
00:02:57,250 --> 00:03:00,880
Dan dari sana kita, misalnya, mengekstrak judul dan harganya.

40
00:03:04,600 --> 00:03:10,030
Dan pada akhirnya, kami menambahkan harga dan judulnya ke item keranjang kami.

41
00:03:10,630 --> 00:03:13,300
Sekarang kita tidak hanya perlu memberi harga pada judul.

42
00:03:13,360 --> 00:03:15,070
Kita juga perlu mendorong Tolkan.

43
00:03:15,580 --> 00:03:18,760
Jadi di sini, mari kita ambil ekstrak, token dari produk ini.

44
00:03:19,090 --> 00:03:22,060
Jadi tambahkan dotkan produk push Tolkan, misalnya.

45
00:03:22,540 --> 00:03:26,770
Ini juga bidang yang belum ada pada suatu produk, tetapi akan segera berubah.

46
00:03:27,670 --> 00:03:28,900
Dan kemudian kita bisa menambahkan dorongan ini.

47
00:03:28,900 --> 00:03:33,880
Tolkan, katakanlah, sebagai argumen ketiga di sini untuk item kereta.

48
00:03:34,390 --> 00:03:38,950
Dan juga di sini, maaf, ini argumen keempat, tentu saja.

49
00:03:39,850 --> 00:03:43,300
Jadi saya menambahkan ini sebagai argumen keempat ke konstruktor item kartu.

50
00:03:43,890 --> 00:03:46,760
Sekarang untuk ayah, kita perlu mengubah ke konstruktor item keranjang.

51
00:03:47,080 --> 00:03:54,490
Jadi di sini, item kartu seharusnya tidak mendapatkan token push ini sebagai argumen keempat dan kemudian disimpan di sini.

52
00:03:54,910 --> 00:03:57,640
Jadi token push ini sama dengan token push.

53
00:04:00,580 --> 00:04:06,340
Tapi kami masih tidak di sana karena sekarang saya menyimpan ini untuk setiap item kartu, tapi saya mendapatkan ini.

54
00:04:08,930 --> 00:04:13,460
Dari produk saya dan produk belum memiliki token.

55
00:04:13,790 --> 00:04:20,780
Ya, ada satu di Firebase, tetapi kami tidak mengambil data itu atau kami tidak menggunakan data itu di aplikasi situs

56
00:04:20,780 --> 00:04:21,830
klien kami.

57
00:04:21,890 --> 00:04:25,640
Dalam bereaksi ini aplikasi asli sebagai gantinya di sini di.

58
00:04:26,640 --> 00:04:36,120
File tindakan produk di sini, produk mengejar tindakan di mana kami mengambil semua produk di sini, mengambil produk.

59
00:04:36,540 --> 00:04:42,720
Apa yang kami lakukan adalah mengekstraksi hal-hal seperti ide, harga judul dan lain-lain dan menciptakan produk baru

60
00:04:42,720 --> 00:04:45,360
berdasarkan model produk kami dengan informasi itu.

61
00:04:46,050 --> 00:04:49,260
Sekarang, di sini, kita juga harus mendapatkannya.

62
00:04:51,220 --> 00:04:52,600
Pemilik Dorong Tolkan.

63
00:04:53,750 --> 00:05:01,460
Sama seperti kita mengekstraksi pemilik I. D. , jadi di sini kami ingin mendapatkan token push pemilik untuk

64
00:05:01,460 --> 00:05:02,000
masing-masing produk.

65
00:05:02,120 --> 00:05:07,070
Dan tambahkan ini ke model produk kami, misalnya, sebagai argumen ketiga.

66
00:05:08,760 --> 00:05:12,840
Jadi sekarang kita harus pergi ke model produk, ke model produk di sini.

67
00:05:12,870 --> 00:05:14,630
Maaf, produk dan model.

68
00:05:15,270 --> 00:05:22,050
Dan di sana sebagai argumen ketiga, kita sekarang harus menerima pemiliknya, mendorong Tolkan dan menyimpannya.

69
00:05:22,770 --> 00:05:29,520
Dan saya akan memberi nama bidang ini, Dorong Tolkan dan simpan pemilik saya, Dorong Tolkan di dalamnya,

70
00:05:29,820 --> 00:05:36,940
karena Dorong Tolkan adalah nama bidang yang sekarang saya juga gunakan di sini di peredam kereta di sana.

71
00:05:36,990 --> 00:05:40,000
Saya mengakses produk tambahan, tekan titik Tolkan.

72
00:05:40,530 --> 00:05:46,860
Jadi, jika Anda menggunakan nama berbeda di sini untuk mengambil token untuk produk yang diberikan, Anda juga perlu nama keadilan

73
00:05:46,860 --> 00:05:48,780
di sini dalam model produk.

74
00:05:50,060 --> 00:05:56,000
Tetapi dengan semua perubahan itu, kami memastikan bahwa kami mengambil token yang disimpan untuk setiap

75
00:05:56,000 --> 00:05:56,450
produk.

76
00:05:56,990 --> 00:06:01,220
Dan kami menggunakannya dan menyimpannya di front-end, dalam model kami juga.

77
00:06:01,700 --> 00:06:04,580
Dan kami menyimpannya di setiap model produk, yang kami buat.

78
00:06:04,610 --> 00:06:05,840
Setiap contoh produk.

79
00:06:06,200 --> 00:06:12,140
Dan kami juga menyimpannya di item keranjang kami, yang kami tambahkan ke keranjang kami di sini di toko Redux.

80
00:06:12,980 --> 00:06:18,200
Jadi sekarang setiap item kartu akan memiliki token push dan model item kartu kami.

81
00:06:18,300 --> 00:06:26,600
Semua toko yang ada di kunci bernama token push dan karenanya sekarang akhirnya akan bisa mendapatkan data itu

82
00:06:26,600 --> 00:06:28,100
ketika pesanan ditempatkan.

83
00:06:31,170 --> 00:06:37,560
Sekarang, kita tidak hanya perlu memperbarui cara membuat produk di sini di produk G. S. jatuh, tindakan jatuh, tetapi juga dalam

84
00:06:37,560 --> 00:06:42,540
reduksi, dalam produk, G. S. file dalam reduksi.

85
00:06:42,910 --> 00:06:48,990
Di sana kami harus membuat case produk, yang kami tangani di mana kami juga instantiate produk kami.

86
00:06:50,210 --> 00:06:57,620
Sekarang, karena kami mengubah model produk kami untuk mendorong Tolkan sebagai argumen ketiga di sini, kami juga perlu memperbarui

87
00:06:57,620 --> 00:07:00,050
ada di sini, tentu saja.

88
00:07:00,530 --> 00:07:01,430
Jadi disini.

89
00:07:03,020 --> 00:07:09,470
Argumen ketiga, judul seharusnya tidak lagi menjadi judul, tetapi seharusnya berasal dari data

90
00:07:09,470 --> 00:07:10,820
produk kami.

91
00:07:11,510 --> 00:07:13,220
Dan di sana seharusnya mendorong Tolkan.

92
00:07:14,600 --> 00:07:21,140
Sekarang untuk utang, tentu saja, pada gilirannya, kita perlu memeriksa di mana kami mengirim produk untuk memastikan

93
00:07:21,140 --> 00:07:26,570
bahwa tindakan yang menambahkan data produk juga menambahkan token token ke data produk itu.

94
00:07:28,810 --> 00:07:32,560
Kami juga membuat produk baru di sana, produk pembaruan.

95
00:07:32,620 --> 00:07:33,850
Dan itu sama saja.

96
00:07:34,650 --> 00:07:41,740
Argumen ketiga baru yang kami dapatkan di sini di konstruktor produk harus dalam hal ini menjadi produk pengguna

97
00:07:41,740 --> 00:07:44,340
negara untuk indeks produk yang diberikan.

98
00:07:45,100 --> 00:07:53,560
Dan kemudian di sana lagi, itu adalah Push Tolkan, Push, Tolkan adalah nama yang kami miliki di sini karena ayah di sini

99
00:07:53,560 --> 00:08:00,430
akan mengakses produk yang disimpan di bidang produk pengguna kami dan produk itu harus berupa model produk

100
00:08:00,430 --> 00:08:00,880
kami.

101
00:08:01,180 --> 00:08:03,310
Dan di sana saya memilih Push Tolkan sebagai nama.

102
00:08:03,610 --> 00:08:06,570
Jadi ada juga Push Tolkan sebagai nama di sini.

103
00:08:12,230 --> 00:08:18,620
Jadi dengan kembali ke case produk buatan, seperti yang saya katakan, kita sekarang harus pergi ke tempat

104
00:08:18,620 --> 00:08:23,270
di mana tindakan ini dikirim untuk memastikan bahwa data yang tepat.

105
00:08:23,330 --> 00:08:25,820
Token push ditambahkan ke tindakan.

106
00:08:26,750 --> 00:08:32,990
Sekarang produk G. S. file di folder tindakan, dan mereka membuat pembuat tindakan produk.

107
00:08:33,290 --> 00:08:37,130
Tempat kami melakukan pengiriman tidak menciptakan aksi produk pada akhirnya.

108
00:08:37,550 --> 00:08:43,370
Dan karenanya di sini untuk data produk di mana saja dalam objek ini, kita harus memastikan bahwa kita juga

109
00:08:43,370 --> 00:08:44,360
menambahkan token push.

110
00:08:44,930 --> 00:08:50,360
Dan sekarang nilai token push ini hanya untuk mendorong Tolkan yang sudah kami gunakan di sana.

111
00:08:50,480 --> 00:08:52,190
Jadi kita harus menyimpannya di sini juga.

112
00:08:54,380 --> 00:08:58,970
Dan dengan ayah, kami memastikan bahwa kami tidak mendapatkan kesalahan ketika kami membuat produk baru.

113
00:08:59,600 --> 00:09:01,400
Kalau tidak, kita akan mendapatkannya.

114
00:09:03,650 --> 00:09:09,440
Jadi kembali ke sini di file pesanan tindakan di tindakan tambahkan pesanan di sini.

115
00:09:09,470 --> 00:09:17,480
Kami sekarang ingin mendapatkan token kami dari dalam item kartu dan mengirimkan permintaan pemberitahuan push.

116
00:09:18,080 --> 00:09:25,220
Mungkin setelah menambahkan pesanan aktual di server kami, karena mengirim pemberitahuan push kurang penting daripada menyimpan

117
00:09:25,430 --> 00:09:27,170
data di server.

118
00:09:27,290 --> 00:09:28,550
Saya berpendapat demikian.

119
00:09:28,610 --> 00:09:32,150
Dhafer, setelah permintaan ini dikirim ke sini.

120
00:09:33,520 --> 00:09:41,380
Setelah kami menambahkan pesanan di toko Redux kami, setelah semua itu, kami ingin mengirimkan pemberitahuan push kami.

121
00:09:44,050 --> 00:09:49,420
Sekarang untuk ayah, kita harus memeriksa semua item kartu yang kita miliki di sini dan mengirim satu notifikasi per

122
00:09:49,420 --> 00:09:49,840
item.

123
00:09:50,110 --> 00:09:54,640
Itulah alasan lain mengapa Anda mungkin ingin mempertimbangkan untuk melakukan ini di sisi layanan.

124
00:09:54,910 --> 00:09:57,370
Jika Anda memiliki banyak item, ini bisa memakan waktu.

125
00:09:57,640 --> 00:09:59,730
Dan saat ini, ayah semua akan bekerja.

126
00:09:59,770 --> 00:10:04,130
Itu terjadi di sini di aplikasi Bereaksi Asli kami pada klien, bukan pada server.

127
00:10:05,390 --> 00:10:11,570
Di server mungkin lebih baik karena mengambil pekerjaan dari klien Anda, tetapi karena dua alasan disebutkan, karena kami

128
00:10:11,660 --> 00:10:16,670
tidak memiliki server kami sendiri, karena kami menggunakan firebase dan cloud, fungsi tidak bebas

129
00:10:16,670 --> 00:10:19,370
untuk digunakan lagi karena semua alasan itu.

130
00:10:19,730 --> 00:10:23,840
Saya benar-benar akan menggunakan solusi sub optimal memicu itu pada klien.

131
00:10:24,050 --> 00:10:29,870
Jadi, alih-alih aplikasi Bereaksi Asli dan miliki selama satu tahun, kami ingin memeriksa semua item yang dibuang.

132
00:10:29,870 --> 00:10:39,110
Kami memiliki begitu sedikit semua item kartu kami di sini dan untuk setiap item kartu kami ingin mendapatkan token push hanya dengan

133
00:10:39,110 --> 00:10:41,840
mengakses item kartu, titik, push, token.

134
00:10:43,470 --> 00:10:45,720
Dan kemudian kami ingin mengirim permintaan kami.

135
00:10:46,080 --> 00:10:51,150
Jadi, sekali lagi, dengan Ambil API di sini, kami ingin mengirim permintaan ke HTP s ..

136
00:10:51,690 --> 00:11:01,080
Dan kemudian ayah adalah mantan host DOD garis miring, dasbor, garis miring, api garis miring, garis miring b2, push, garis miring, kirim dan

137
00:11:01,740 --> 00:11:10,350
tambahkan objek kedua di mana kita mengonfigurasi permintaan ini untuk mengatur metodenya untuk mengirim dan juga menambahkan beberapa header di

138
00:11:10,350 --> 00:11:11,460
sini .

139
00:11:12,300 --> 00:11:16,530
Dan kami ingin menerima tajuk yang seharusnya menjadi aplikasi.

140
00:11:17,070 --> 00:11:29,040
Jason, kami ingin menerima dan mengkode tajuk yang seharusnya Jessep mengempis dan kami ingin jenis konten Petyr di sini, yang

141
00:11:29,640 --> 00:11:33,210
juga harus menjadi aplikasi Jason.

142
00:11:33,840 --> 00:11:39,750
Tetapi sekarang, bahkan yang lebih penting, kami ingin menambahkan tubuh kami ke permintaan,

143
00:11:39,750 --> 00:11:47,160
yang harus berdekatan, objek fide berserabut di mana kami sekarang menunjuk ini mendorong Tolkan dengan dua bidang.

144
00:11:49,800 --> 00:11:56,340
Dan kemudian kita dapat menambahkan informasi tambahan, kita dapat menambahkan metadata tambahan tentang item kartu, misalnya,

145
00:11:56,510 --> 00:11:58,270
yang notifikasi sedang dikirim.

146
00:11:58,740 --> 00:12:02,430
Namun di sini semua hanya menambahkan judul pesanan ditempatkan.

147
00:12:03,500 --> 00:12:12,800
Dan kemudian isi untuk pemberitahuan push ini di mana saya hanya membagikan, katakanlah, judul produk yang

148
00:12:12,890 --> 00:12:13,940
dipesan.

149
00:12:14,480 --> 00:12:20,630
Ingatlah bahwa dalam judul setiap mobil, kami menyimpan judul produk pada bidang judul produk.

150
00:12:21,530 --> 00:12:29,210
Jadi oleh karena itu, kembali ke sini dalam file tindakan pesanan, saya dapat mengakses item kartu, judul produk DOT untuk membagikan

151
00:12:29,210 --> 00:12:33,800
judul produk itu sebagai bagian dari pemberitahuan push yang harus dikirim.

152
00:12:36,250 --> 00:12:42,420
Dan ini pada akhirnya dengan ayah, kita akan menjadwalkan banyak permintaan HTP.

153
00:12:42,730 --> 00:12:45,190
Saya tidak menunggu tanggapan mereka.

154
00:12:45,220 --> 00:12:47,030
Saya tidak menangani respons.

155
00:12:47,380 --> 00:12:51,610
Anda dapat melihat tanggapan tersebut dan mencoba menangani kemungkinan kesalahan.

156
00:12:52,090 --> 00:12:53,590
Tetapi pada akhirnya, ini harus berhasil.

157
00:12:53,980 --> 00:12:59,920
Dan jika karena alasan tertentu, satu pemberitahuan push tidak boleh melalui dalam hal ini, itu juga bukan

158
00:12:59,920 --> 00:13:02,650
akhir dunia, tetapi itu harus benar-benar berfungsi.

159
00:13:03,010 --> 00:13:04,840
Jadi mari sekarang keselamatan.

160
00:13:07,180 --> 00:13:08,350
Dan mari kita coba.

161
00:13:09,340 --> 00:13:13,030
Jadi kembali ke sini di aplikasi saya, saya akan menambahkan produk kedua.

162
00:13:16,550 --> 00:13:19,850
Cukup untuk melihat apakah kami bisa mendorong pemberitahuan.

163
00:13:20,330 --> 00:13:21,890
Saya akan menggunakan gambar yang sama.

164
00:13:23,160 --> 00:13:24,510
Masukkan harga saya.

165
00:13:25,830 --> 00:13:26,910
Dan deskripsi.

166
00:13:28,340 --> 00:13:29,330
Konfirmasikan ini.

167
00:13:30,340 --> 00:13:35,140
Dan sekarang pergi ke area produk dan tambahkan keduanya ke troli saya.

168
00:13:37,000 --> 00:13:38,290
Sekarang, ini adalah produk saya sendiri.

169
00:13:38,320 --> 00:13:40,210
Namun dalam aplikasi ini, saya masih bisa memesannya.

170
00:13:40,600 --> 00:13:42,220
Jadi sekarang mari kita tekan diperintahkan keluar.

171
00:13:42,700 --> 00:13:43,960
Yang harus memesan.

172
00:13:44,890 --> 00:13:46,420
Dan kita tidak melihat apa-apa.

173
00:13:47,260 --> 00:13:49,420
Sekarang, apakah ini berarti kita memiliki kesalahan?

174
00:13:50,230 --> 00:13:51,280
Belum tentu.

175
00:13:51,700 --> 00:13:53,020
Kami tidak melihat apa-apa.

176
00:13:53,200 --> 00:13:57,490
Karena Anda mungkin ingat bahwa aplikasi Ifti berjalan di latar depan secara default.

177
00:13:57,580 --> 00:13:59,080
Tidak ada pemberitahuan yang ditampilkan.

178
00:13:59,320 --> 00:14:06,130
Dan itu sama untuk notifikasi push karena seperti yang Anda pelajari juga, mereka hanya memicu notifikasi lokal pada

179
00:14:06,130 --> 00:14:06,580
akhirnya.

180
00:14:08,870 --> 00:14:11,300
Jadi mari kita perbaiki itu dan mari kita pastikan kita bisa melihat sesuatu