1 00:00:02,240 --> 00:00:09,890 Sekarang, mari terapkan apa yang kita pelajari selama kuliah terakhir di proyek toko kami yang kami bangun untuk semua kursus ini. 2 00:00:10,430 --> 00:00:17,870 Di sini saya mendapatkan proyek yang terintegrasi dengan React Navigation lima yang sering dilakukan pada bagian di mana saya 3 00:00:17,870 --> 00:00:20,670 menunjukkan cara meningkatkan untuk bereaksi navigasi lima. 4 00:00:21,260 --> 00:00:23,480 Dan saya belum mengubah apa pun. 5 00:00:23,750 --> 00:00:27,530 Jadi ini adalah aplikasi seperti yang kita kenal, berjalan di simulator. 6 00:00:27,890 --> 00:00:34,040 Dan sayang, kita tentu saja dapat membuat akun dengan beberapa kredensial di sini. 7 00:00:34,640 --> 00:00:36,410 Pertama-tama, saya harus mendaftar. 8 00:00:37,380 --> 00:00:41,460 Dan sekarang di sini kita dapat menambahkan produk dan sebagainya. 9 00:00:41,730 --> 00:00:46,350 Sekarang ide saya sudah mati ketika kami menambahkan produk di sini. 10 00:00:46,710 --> 00:00:54,120 Kami sebenarnya tidak hanya menyimpan produk dengan semua data yang kami unggah sejauh ini, saat kami 11 00:00:54,120 --> 00:00:57,960 membuat produk, kami berbagi judul, deskripsi, gambar. 12 00:00:57,990 --> 00:01:05,970 Anda adalah El Price dan pemilik I. D. Tetapi alih-alih, selain membagikan semua itu, 13 00:01:05,970 --> 00:01:10,530 saya juga ingin menambahkan token push off perangkat pengguna yang menambahkan produknya. 14 00:01:10,770 --> 00:01:15,750 Jadi untuk mendorong Tolkan dari penjual, saya ingin menambahkannya ke produk juga. 15 00:01:16,170 --> 00:01:16,710 Mengapa? 16 00:01:17,060 --> 00:01:23,700 Sehingga saat kami mengambil data produk, kami juga dapat mengunduh token push yang dimiliki produk. 17 00:01:24,270 --> 00:01:30,960 Dan sementara kami tidak akan menunjukkannya kepada pengguna lain, kami akan menggunakannya dalam kode untuk memastikan bahwa ketika 18 00:01:30,960 --> 00:01:35,280 pesanan dilakukan, ketika kami menambahkan pesanan, kami tidak hanya menyimpan. 19 00:01:35,280 --> 00:01:44,100 Ayah memesan data dalam database, tetapi kami juga mengirimkan pemberitahuan push kepada pemilik produk yang baru 20 00:01:44,130 --> 00:01:49,740 saja dipesan sehingga dia tahu bahwa produk itu dipesan. 21 00:01:50,100 --> 00:01:51,570 Itu ideku di sini. 22 00:01:53,060 --> 00:01:58,820 Itu, tentu saja, berarti bahwa kita harus menganalisis barang-barang yang ada di keranjang dan kemudian kami akan 23 00:01:58,880 --> 00:02:01,750 mengirimkan pemberitahuan push untuk setiap produk, pada dasarnya. 24 00:02:01,910 --> 00:02:02,840 Itu ideku. 25 00:02:03,780 --> 00:02:09,740 Jadi agar hutang dapat memastikan bahwa ini berhasil, pertama-tama kita harus bersiap. 26 00:02:09,810 --> 00:02:12,120 Apakah proyek untuk pemberitahuan push. 27 00:02:14,240 --> 00:02:22,100 Itu berarti bahwa kita, pertama-tama, harus pergi ke Aplikasi Jason dan menambahkan entri Android di 28 00:02:22,100 --> 00:02:28,030 sini di mana kami mengatakan menggunakan API pemberitahuan berikutnya menjadi true. 29 00:02:28,400 --> 00:02:31,430 Itu yang saya tunjukkan sebelumnya di kuliah lain juga. 30 00:02:32,030 --> 00:02:35,090 Kita semua harus meminta izin kepada pengguna. 31 00:02:35,600 --> 00:02:38,210 Jadi pertanyaannya adalah di mana kita ingin melakukan itu. 32 00:02:38,210 --> 00:02:40,600 Tentu saja, karena itu Steve. 33 00:02:40,640 --> 00:02:44,690 Pembuat produk yang harus menerima pemberitahuan push. 34 00:02:45,110 --> 00:02:50,270 Saya akan meminta izin tepat sebelum kami membuat produk baru. 35 00:02:50,750 --> 00:02:57,260 Jadi kami memiliki pengguna kami, layar produk tambahan kami, tempat kami membuat produk baru. 36 00:03:00,100 --> 00:03:07,660 Dan di sana pada akhirnya, kami memicu tindakan dalam produk James file di sini akan memicu tidak membuat 37 00:03:07,660 --> 00:03:08,650 tindakan produk. 38 00:03:09,220 --> 00:03:12,550 Dan sekarang ide-ide saya yang saya minta izin di sini. 39 00:03:12,940 --> 00:03:19,600 Saya kemudian juga mengambil token di sini dan kemudian kita dapat menambahkan token ke data keluar yang dikirim 40 00:03:19,600 --> 00:03:20,470 ke server. 41 00:03:21,540 --> 00:03:31,380 Jadi oleh karena itu, mari kita pertama-tama, Expo menginstal paket pemberitahuan Expo dan juga izin Expo. 42 00:03:32,190 --> 00:03:36,420 Dan kemudian mari kita gunakan keduanya sama seperti yang kita pelajari selama kuliah di modul ini. 43 00:03:38,870 --> 00:03:44,090 Jadi dengan yang terinstal di sini dan buat produk sebelum kita melakukan hal lain. 44 00:03:45,160 --> 00:03:53,320 Kami ingin menggunakan API pemberitahuan, dan untuk itu kami harus mengimpor semuanya sebagai pemberitahuan. 45 00:03:54,580 --> 00:03:55,240 Dari. 46 00:03:57,070 --> 00:04:05,110 Pemberitahuan Expo, dan itu juga sudah mengimpor semuanya sebagai izin dari izin Expo. 47 00:04:05,680 --> 00:04:15,300 Dan dengan keduanya, API diimpor dalam produk buatan, kita dapat menggunakan notifikasi untuk mendapatkan token push expo kami. 48 00:04:15,700 --> 00:04:18,850 Namun, seperti yang Anda tahu, kami tidak secara langsung ingin melakukan itu. 49 00:04:18,970 --> 00:04:26,170 Sebagai gantinya, kami, pertama-tama ingin memeriksa status izin sehingga kami harus menggunakan izin 50 00:04:26,560 --> 00:04:30,610 dan mendapatkan informasi tentang izin pemberitahuan ini. 51 00:04:31,150 --> 00:04:32,350 Ini mengembalikan janji. 52 00:04:32,440 --> 00:04:35,980 Dan karena kita berada dalam fungsi async di sini, kita bisa menunggu saja. 53 00:04:36,880 --> 00:04:44,140 Sekarang, yang akan kami dapatkan adalah objek status mati, yang memiliki properti status yang memberi tahu kami apakah 54 00:04:44,140 --> 00:04:46,180 izin diberikan atau tidak. 55 00:04:46,810 --> 00:04:49,570 Jadi kita bisa mengecek apakah statusnya objek. 56 00:04:50,430 --> 00:04:56,190 Status DOT mungkin tidak diberikan, yang berarti kami belum memiliki izin. 57 00:04:56,760 --> 00:05:03,450 Kemudian kami ingin menggunakan API izin lagi untuk meminta izin pemberitahuan ini. 58 00:05:03,540 --> 00:05:04,440 Dengan kode ini. 59 00:05:04,830 --> 00:05:06,660 Dan itu semua hanya apa yang kita miliki sebelumnya. 60 00:05:06,780 --> 00:05:09,740 Sekarang, hanya dengan menunggu async daripada itu. 61 00:05:09,990 --> 00:05:11,700 Tapi selain itu, itu sama saja. 62 00:05:12,570 --> 00:05:16,470 Dan di sini lagi akan mendapatkan status kita. 63 00:05:16,890 --> 00:05:17,490 Obyek. 64 00:05:18,690 --> 00:05:22,100 Sekarang, karena kita akan memiliki bentrokan nama, Anda semua dinamai tahun ini. 65 00:05:22,230 --> 00:05:23,970 Objek status yang diperbarui. 66 00:05:25,630 --> 00:05:31,000 Dan tentu saja, di sini kita juga harus menunggu, karena ayah itu sinkron dan memberikan janji. 67 00:05:31,840 --> 00:05:40,210 Jadi pada titik waktu ini di sini, kita sekarang dapat memeriksa apakah objek status yang diperbarui memiliki status. 68 00:05:41,190 --> 00:05:42,780 Itu tidak sama dengan yang diberikan. 69 00:05:42,930 --> 00:05:47,910 Dan jika itu masalahnya, kami tahu kami tidak akan dapat mengirim pemberitahuan push. 70 00:05:50,190 --> 00:05:52,050 Dan ayah baik-baik saja. 71 00:05:52,410 --> 00:06:01,440 Saya hanya akan membuat variabel token di sini dan menetapkan token sama dengan Knol di sini untuk membuatnya sangat jelas bahwa kita tidak 72 00:06:01,440 --> 00:06:03,180 punya token di sini. 73 00:06:03,390 --> 00:06:06,780 Sebenarnya, jangan beri nama tokennya karena kami sudah menggunakan nama itu. 74 00:06:06,990 --> 00:06:07,560 Sebut saja. 75 00:06:08,010 --> 00:06:08,970 Token dorong. 76 00:06:09,150 --> 00:06:11,190 Karena Ayah adalah apa yang ingin kita ambil pada akhirnya. 77 00:06:12,090 --> 00:06:17,610 Jadi kami menetapkan kami untuk membatalkan di sini jika kami sama sekali tidak mendapatkan izin karena tidak ada yang dapat 78 00:06:17,610 --> 00:06:21,840 kami lakukan dalam kasus itu, karena kami kemudian tidak memiliki izin untuk mengirim pemberitahuan push. 79 00:06:22,110 --> 00:06:23,070 Itu adalah apa adanya. 80 00:06:24,220 --> 00:06:27,570 Tetapi dalam kasus ELT, ayah memang dikabulkan. 81 00:06:28,000 --> 00:06:36,970 Dalam hal ini, kita dapat mengatur token push kita sama dengan notifikasi Stotz mendapatkan XPO Push, Tolkan async dan tentu 82 00:06:36,970 --> 00:06:38,530 saja, itu janji. 83 00:06:38,830 --> 00:06:40,570 Jadi kita harus menunggu ini. 84 00:06:40,960 --> 00:06:43,780 Dan tentu saja, kita tidak langsung mendapatkan tokennya. 85 00:06:44,560 --> 00:06:47,980 Sebagai gantinya, kami mendapatkan objek yang memiliki bidang data, jika Anda ingat. 86 00:06:48,370 --> 00:06:52,360 Jadi kita bisa membungkusnya di sini ke dalam tanda kurung dan memanggil data tentang itu. 87 00:06:53,050 --> 00:06:56,080 Itu berarti bahwa pertama-tama, janji ini terselesaikan. 88 00:06:56,230 --> 00:07:02,680 Kemudian kami memanggil data pada objek yang diselesaikan setelah kami menunggu untuk menjanjikan dan melihat nilai dalam data, yang kemudian 89 00:07:02,680 --> 00:07:05,020 kami simpan dalam variabel token push. 90 00:07:05,710 --> 00:07:08,680 Jadi di sini kita akan memiliki token push kita, yang kita butuhkan. 91 00:07:09,370 --> 00:07:12,130 Sekarang, ketika kita memilikinya, kita dapat melanjutkan. 92 00:07:12,400 --> 00:07:13,420 Dan karena kami sedang menunggu. 93 00:07:13,450 --> 00:07:16,780 Kode ini hanya akan dijalankan setelah ayah selesai. 94 00:07:17,170 --> 00:07:19,170 Baris ini, tentu saja, harus dihapus sekarang. 95 00:07:19,810 --> 00:07:26,050 Dan sekarang, dengan data yang kami kirim ke server, kami tidak hanya mengirim deskripsi judul, 96 00:07:26,050 --> 00:07:29,130 pemilik I. D. , tetapi juga pemilik token push. 97 00:07:29,800 --> 00:07:31,840 Dan itu akan menjadi token kita di sini. 98 00:07:34,480 --> 00:07:38,990 Dan itu sekarang atau itu adalah token kami yang kami dapatkan dari XPO. 99 00:07:40,860 --> 00:07:47,790 Jadi sekarang setiap kali kita membuat produk baru, idealnya kita dapat mengirim token push kita bersama. 100 00:07:48,210 --> 00:07:53,220 Sekarang dapatkan itu Tolkan dan semua itu tidak akan bekerja pada simulator, seperti yang Anda pelajari. 101 00:07:53,450 --> 00:07:57,420 Jadi, Dan, untuk semua keamanan dan sekali lagi, tes ada di iPhone asli saya. 102 00:07:57,900 --> 00:08:03,090 Jadi, sekali lagi, aplikasi saya booting di sini dan saya baru saja masuk dengan pengguna yang kami buat. 103 00:08:03,570 --> 00:08:09,120 Dan sekarang di bawah Admon, saya akan membuat dorongan produk baru. 104 00:08:10,230 --> 00:08:10,890 Tolkan. 105 00:08:17,570 --> 00:08:19,520 Sekarang kita perlu gambar kamu el. 106 00:08:21,430 --> 00:08:23,560 Dan saya hanya mengambil beberapa gambar acak. 107 00:08:24,550 --> 00:08:26,080 Dan Ellender, hadiah di sini. 108 00:08:27,350 --> 00:08:28,340 Dan deskripsi. 109 00:08:30,540 --> 00:08:36,870 Dan mengkonfirmasi ini dan saya mendapatkan kesalahan, ayah, objek status yang diperbarui tidak ditemukan dan utang masuk akal 110 00:08:36,870 --> 00:08:42,810 karena sebenarnya saya menetapkan ini di sini adalah cek, tapi kemudian saya menggunakannya di luar pemeriksaan aman 111 00:08:42,810 --> 00:08:43,270 . 112 00:08:43,270 --> 00:08:47,430 Jadi, tentu saja, ini memiliki cakupan yang salah, sedikit pengawasan dari pihak saya. 113 00:08:47,820 --> 00:08:53,820 Kita dapat memperbaiki ini dengan benar-benar menggunakan kembali objek status di sini sebagai gantinya dengan mengubahnya menjadi variabel dengan 114 00:08:53,820 --> 00:08:54,300 let. 115 00:08:54,870 --> 00:09:02,040 Kemudian di sini kita cukup mengatur objek status kita ke nilai baru dan kemudian kita menggunakan status sebagai objek lagi. 116 00:09:02,040 --> 00:09:03,090 Ini dia cek. 117 00:09:03,390 --> 00:09:05,600 Sekarang ruang lingkupnya benar dan ini akan berhasil. 118 00:09:07,950 --> 00:09:09,090 Jadi mari kita coba ini lagi. 119 00:09:13,390 --> 00:09:20,560 Tekan, uji gambar yang disisipkan yang telah memilih memasukkan harga dan deskripsi. 120 00:09:21,370 --> 00:09:23,770 Ini adalah sebuah ujian. 121 00:09:24,460 --> 00:09:26,290 Kemudian tutup konfirmasikan ini. 122 00:09:26,860 --> 00:09:28,480 Dan sekarang ini sepertinya berhasil. 123 00:09:28,540 --> 00:09:29,770 Saya menambahkan produk saya. 124 00:09:30,810 --> 00:09:34,350 Dan yang akan menarik sekarang adalah database kami. 125 00:09:35,030 --> 00:09:36,940 Inilah basis data FIREBASE saya. 126 00:09:37,020 --> 00:09:40,840 Jadi bagian belakang kami gunakan dan produk baru ditambahkan di sini. 127 00:09:41,160 --> 00:09:44,170 Dan memang, di sini kita melihat token kita lagi. 128 00:09:44,490 --> 00:09:47,640 Saya menambahkan overlay pada token perangkat saya yang sebenarnya. 129 00:09:47,880 --> 00:09:55,050 Tapi ini sekarang token push yang memungkinkan kita mengirim pemberitahuan kepada pengguna yang membuat produk ini. 130 00:09:55,530 --> 00:10:02,460 Jadi sekarang mari kita bekerja pada bagian lain itu dan mari kita pastikan bahwa kita memang mengirim pemberitahuan setelah 131 00:10:02,490 --> 00:10:04,470 kita benar-benar memesan suatu produk.