Database in tempo reale

come utilizzare parse server live query introduzione le query live sono destinate ad essere utilizzate in applicazioni reattive in tempo reale , dove l'uso del tradizionale paradigma di query potrebbe causare diversi problemi, come tempi di risposta aumentati e un elevato utilizzo della rete e del server le query live dovrebbero essere utilizzate nei casi in cui è necessario aggiornare continuamente una pagina con dati freschi provenienti dal database, il che accade spesso in (ma non è limitato a) giochi online, client di messaggistica e liste di cose da fare condivise questa sezione spiega come utilizzare la live query di back4app in un ambiente javascript tramite back4app per questo tutorial, come esempio, costruirai una lista di cose da fare online , come mostrato di seguito vedi l'intero todo online list progetto su https //github com/igor ribeiiro/onlinetodolist scopri di più su parse sdk su https //parseplatform org/parse sdk js/api/4 3 1/ e https //docs parseplatform org/js/guide/#live queries requisiti per completare questo tutorial, avrai bisogno di un'app javascript di base collegata a back4app o il https //github com/igor ribeiiro/onlinetodolist nota puoi utilizzare l'app creata nel nostro https //www back4app com/docs/javascript/parse javascript sdk o il https //github com/igor ribeiiro/onlinetodolist conoscenze sufficienti di https //docs parseplatform org/js/guide/#queries (ma non obbligatorio) 1 abilita live query prima di iniziare a programmare, è necessario avere una classe nel tuo database per abilitare live query per farlo, trova semplicemente la tua app su https //www back4app com/ , e clicca su dashboard dashboard > crea una classe crea una classe , come mostrato di seguito nota qui, questa classe sarà chiamata messaggio messaggio ora, per abilitare la funzionalità live query, accedi al tuo account su https //www back4app com/ , trova la tua app e clicca su impostazioni app impostazioni app > impostazioni server impostazioni server cerca il blocco “url server e live query” e clicca su impostazioni impostazioni il blocco “url server e live query” appare così quindi, arriverai a una pagina come quella qui sotto in questa pagina dovrai controllare l' attiva il tuo sottodominio back4app attiva il tuo sottodominio back4app opzione, l' attiva live query attiva live query opzione, e tutte le classi su cui desideri che live query sia attivato, come mostrato qui sotto è necessario attivare il tuo sottodominio per utilizzare le live queries perché funzionerà come il server live 2 iscriviti alla tua query per iniziare a utilizzare le livequeries, devi prima creare un livequeryclient livequeryclient che gestirà le connessioni websocket per te per fare ciò, dovrai fornire l'id dell'applicazione, la sua chiave javascript per scopi di verifica, e anche un url del server che dovrebbe essere il dominio con cui hai effettuato la configurazione nel passaggio precedente ecco il codice per 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(); dopo aver seguito i passaggi sopra menzionati, dovresti creare una query per il tipo di oggetto a cui vuoi iscriverti un'iscrizione è un event emitter, che attiverà eventi quando si verificano modifiche a un oggetto che soddisfa la tua query in questo esempio, farai una query di base e ti iscriverai a tutte le modifiche apportate all'oggetto todo todo vedi di più sulle query in https //docs parseplatform org/js/guide/#queries di seguito è riportato il codice per querysubscribe querysubscribe querysubscribe js 1 var query = new parse query('todo'); 2 query ascending('createdat') limit(5); 3 var subscription = client subscribe(query); 3 ascolta gli eventi con la configurazione pronta, è necessario codificare cosa farà la tua app quando si verifica un evento in questa parte, mostreremo come ascoltare questi eventi in un esempio pratico l'esempio della todo online list servirà come guida per il tuo progetto perché viene utilizzato poco o nessun codice boilerplate i due eventi principali che utilizzerai qui sono l'evento create create e l'evento delete delete l'elenco completo degli eventi può essere trovato http //docs parseplatform org/js/guide/#event handling 3 1 l'evento di creazione l' createevent createevent viene attivato ogni volta che un parseobject parseobject viene creato e soddisfa i vincoli di query che hai inserito questo evento restituisce l'oggetto creato nell'esempio della todo online list l'array delle attività è memorizzato nella variabile this todos this todos e aggiungeremo i nuovi oggetti del nostro database in questo array, quando si verifica un evento di creazione il codice per createevent createevent è mostrato di seguito createevent js 1 subscription on('create', todo => { 2 this todos add(todo); 3 console log('on create event'); 4 }); 3 2 l'evento di eliminazione ogni volta che un parseobject parseobject esistente che soddisfa i tuoi vincoli di query viene eliminato dal database, riceverai questo evento, che restituisce l'oggetto eliminato nell'esempio della todo online list devi eliminare un oggetto dalla lista ogni volta che viene eliminato dal database cerca id corrispondenti tra il server e il codice, per identificare gli oggetti eliminati il codice per deleteevent deleteevent è il seguente 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 }); è fatto! a questo punto, sai come utilizzare le live queries per creare applicazioni reattive in tempo reale sai anche come effettuare la corretta configurazione delle live query utilizzando back4app e puoi iniziare implementandola nella tua app