Basis data waktu nyata

12 mnt

cara menggunakan parse server live query pendahuluan live query dimaksudkan untuk digunakan dalam aplikasi reaktif waktu nyata , di mana hanya menggunakan paradigma query tradisional dapat menyebabkan beberapa masalah, seperti waktu respons yang meningkat dan penggunaan jaringan serta server yang tinggi live query harus digunakan dalam kasus di mana anda perlu terus memperbarui halaman dengan data baru yang datang dari database, yang sering terjadi di (tetapi tidak terbatas pada) permainan online, klien pesan, dan daftar tugas bersama bagian ini menjelaskan cara menggunakan live query back4app dalam lingkungan javascript melalui back4app untuk tutorial ini, sebagai contoh, anda akan membangun sebuah daftar todo online menggunakan live queries, seperti yang ditunjukkan di bawah lihat daftar todo online proyek lengkap di proyek daftar todo query langsung https //github com/igor ribeiiro/onlinetodolist lihat lebih lanjut tentang parse sdk di referensi api sdk javascript https //parseplatform org/parse sdk js/api/4 3 1/ dan dokumentasi sumber terbuka parse untuk sdk javascript https //docs parseplatform org/js/guide/#live queries prasyarat untuk menyelesaikan tutorial ini, anda akan membutuhkan aplikasi javascript dasar yang terhubung dengan back4app atau proyek daftar todo query langsung https //github com/igor ribeiiro/onlinetodolist catatan anda dapat menggunakan aplikasi yang dibuat dalam tutorial instal sdk parse javascript https //www back4app com/docs/javascript/parse javascript sdk atau proyek daftar todo query langsung https //github com/igor ribeiiro/onlinetodolist pengetahuan yang cukup tentang kueri parse javascript https //docs parseplatform org/js/guide/#queries (tetapi tidak wajib) 1 aktifkan live query sebelum anda mulai coding, perlu memiliki kelas di database anda untuk mengaktifkan live query untuk melakukannya, cukup temukan aplikasi anda di situs web back4app https //www back4app com/ , dan klik pada \dasbor\ > \buat kelas\ , seperti yang ditunjukkan di bawah catatan di sini, kelas ini akan disebut \pesan\ sekarang, untuk mengaktifkan fitur live query, masuk ke akun anda di situs web back4app https //www back4app com/ , temukan aplikasi anda, dan klik pada \ pengaturan aplikasi\ > \pengaturan server\ cari blok “url server dan live query” dan klik pada \pengaturan\ blok “url server dan live query” terlihat seperti ini kemudian, anda akan tiba di halaman seperti di bawah ini di halaman ini anda perlu memeriksa opsi \aktifkan subdomain back4app anda\ , opsi \aktifkan live query\ , dan semua kelas yang ingin anda aktifkan live query, seperti yang ditunjukkan di bawah penting untuk mengaktifkan subdomain anda untuk menggunakan live queries karena ini akan berfungsi sebagai server langsung 2 berlangganan ke query anda untuk mulai menggunakan livequeries, anda pertama tama perlu membuat \livequeryclient\ yang akan mengelola koneksi websocket untuk anda untuk melakukan ini, anda harus menyediakan id aplikasi, kunci javascript nya untuk tujuan verifikasi, dan juga url server yang harus menjadi domain yang anda gunakan untuk pengaturan di langkah sebelumnya berikut adalah kode untuk \livequeryclient\ livequeryclient js 1 var client = new parse livequeryclient({ 2 applicationid 'your app id here', 3 serverurl 'wss\ //' + 'your domain here', // example 'wss\ //livequerytutorial back4app io' 4 javascriptkey 'your javascript key here' 5 }); 6 client open(); setelah mengikuti langkah langkah yang disebutkan di atas, anda harus membuat kueri untuk jenis objek yang ingin anda langgani sebuah langganan adalah pemicu peristiwa, yang akan memicu peristiwa ketika perubahan terjadi pada objek yang memenuhi kueri anda dalam contoh ini, anda akan membuat kueri dasar dan akan melanggan semua perubahan yang dilakukan pada the \todo\ objek lihat lebih lanjut tentang kueri di dokumentasi resmi kueri parse https //docs parseplatform org/js/guide/#queries di bawah ini adalah kode untuk \querysubscribe\ querysubscribe js 1 var query = new parse query('todo'); 2 query ascending('createdat') limit(5); 3 var subscription = client subscribe(query); 3 dengarkan peristiwa dengan pengaturan siap, perlu untuk mengkodekan apa yang akan dilakukan aplikasi anda ketika sebuah peristiwa terjadi di bagian ini, kami akan menunjukkan cara mendengarkan peristiwa ini dalam contoh praktis contoh daftar todo online akan berfungsi sebagai panduan untuk proyek anda karena sedikit atau tidak ada kode boilerplate yang digunakan dua peristiwa utama yang akan anda gunakan di sini adalah peristiwa \create\ dan peristiwa \delete\ daftar lengkap peristiwa dapat ditemukan di sini http //docs parseplatform org/js/guide/#event handling 3 1 acara buat acara \createevent\ dipicu setiap kali sebuah \parseobject\ dibuat dan memenuhi batasan kueri yang telah anda masukkan acara ini mengembalikan objek yang dibuat dalam contoh daftar todo online ini, array aktivitas disimpan dalam variabel \this todos\ dan kami akan menambahkan objek baru dari database kami ke dalam array ini, ketika acara buat terjadi kode untuk \createevent\ ditunjukkan di bawah ini createevent js 1 subscription on('create', todo => { 2 this todos add(todo); 3 console log('on create event'); 4 }); 3 2 acara hapus setiap kali sebuah \parseobject\ yang memenuhi batasan kueri anda dihapus dari database, anda akan mendapatkan acara ini, yang mengembalikan objek yang dihapus dalam contoh daftar todo online ini, anda harus menghapus objek dari daftar setiap kali objek tersebut dihapus dari database cari id yang cocok antara server dan kode, untuk mengidentifikasi objek yang dihapus kode untuk \deleteevent\ adalah sebagai berikut deleteevent js 1 subscription on('delete', todo => { 2 this todos foreach(t => { 3 if (t id === todo id) { 4 console log('on delete event'); 5 this todos delete(t); 6 } 7 }); 8 }); selesai! pada titik ini, anda tahu cara menggunakan live queries untuk membuat aplikasi reaktif waktu nyata anda juga tahu cara melakukan pengaturan live query yang benar menggunakan back4app dan dapat mulai menerapkannya di aplikasi anda