Platform
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 lihat lebih lanjut tentang parse sdk di referensi api sdk javascript dan dokumentasi sumber terbuka parse untuk sdk javascript prasyarat untuk menyelesaikan tutorial ini, anda akan membutuhkan aplikasi javascript dasar yang terhubung dengan back4app atau proyek daftar todo query langsung catatan anda dapat menggunakan aplikasi yang dibuat dalam tutorial instal sdk parse javascript atau proyek daftar todo query langsung pengetahuan yang cukup tentang kueri parse javascript (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 , dan klik pada dasbor dasbor > buat kelas buat kelas , seperti yang ditunjukkan di bawah catatan di sini, kelas ini akan disebut pesan pesan sekarang, untuk mengaktifkan fitur live query, masuk ke akun anda di situs web back4app , temukan aplikasi anda, dan klik pada pengaturan aplikasi pengaturan aplikasi > pengaturan server pengaturan server cari blok “url server dan live query” dan klik pada pengaturan 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 aktifkan subdomain back4app anda , opsi aktifkan live query 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 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 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 todo objek lihat lebih lanjut tentang kueri di dokumentasi resmi kueri parse di bawah ini adalah kode untuk querysubscribe 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 create dan peristiwa delete delete daftar lengkap peristiwa dapat ditemukan di sini 3 1 acara buat acara createevent createevent dipicu setiap kali sebuah parseobject 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 this todos dan kami akan menambahkan objek baru dari database kami ke dalam array ini, ketika acara buat terjadi kode untuk createevent 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 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 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