Query OR in Firebase Cloud Firestore con RxJS
Come implementare l'operatore logico OR in Firestore
Cloud Firestore è una delle ultime caratteristiche di Firebase che vi permette di archiviare facilmente dati per le vostre applicazioni e di effettuare query per il loro recupero ma, quasi in maniera incredibile e come si può verificare dalla documentazione, è possibile effettuare query con l’operatore logico AND ma non con l’operatore logico OR.
Creare l’operatore OR in Firestore con RxJS
Grazie a RxJS possiamo ricreare l’operatore OR ed, in particolare, usando l’operatore RxJS combineLatest che permette combinare diversi stream di Observable in un unico stream che può essere quindi associato alla UI. L’operatore combineLatest invia valori a prescindere dal fatto che l’ Observable abbia o meno ricevuto nuovi dati e ciò è proprio quello di cui abbiamo bisogno. Pertanto, nell’esempio:
Creiamo gli Observable da Firestore
// Query per il Piemonte
var piemonteRef = citiesRef.where("regione", "==", "piemonte");
// Query per la Lombardia
var lombardiaRef = citiesRef.where("regione", "==", "lombardia");
// Observable.
var piemonte$ = new Rx.Subject();
var lombardia$ = new Rx.Subject();
// Inserisci i dati
piemonteRef.onSnapshot((querySnapshot) => {
var data = querySnapshot.docs.map(d => d.data());
piemonte$.next(data);
});
lombardiaRef.onSnapshot((querySnapshot) => {
var data = querySnapshot.docs.map(d => d.data());
lombardia$.next(data);
});
Combiniamo gli stream di Observable
// Combinazione OR
var piemonteOrlombardia$ = Rx.Observable.combineLatest(piemonte$,lombardia$).switchMap((cities) => {
// Destrutturiamo i valori
var [piemonteCities, lombardiaCities] = cities;
var combined = [
...piemonteCities,
...lombardiaCities
]
// Ritorniamo un nuovo Observable
return Rx.Observable.of(combined);
})
Registriamoci al nuovo stream
// Registriamoci
piemonteOrlombardia$.subscribe((result) => {
// Inviamo alla UI
var citiesEle = document.getElementById('cities');
result.forEach(city => {
var itemEle = document.createElement("li");
itemEle.textContent = city.name;
citiesEle.appendChild(itemEle);
});
Glue Labs, Firestore e Firebase
Esperti di soluzioni Cloud Based, ti supportiamo con assistenza e consulenza professionale, attraverso formazione avanzata e ti forniamo il servizio di Hosting Google Cloud per ospitare tutti i tuoi sistemi con 2 ore di consulenza gratuita al mese. Contattaci subito per un preventivo gratuito e senza impegno.
Cosa Facciamo
- Consulenza ITIL
- Consulenza ITSM - IT Service Management
- Content Strategy
- E-Commerce
- Formazione avanzata Web, Mobile & Cloud
- IoT - Sviluppo e Integrazione
- Portfolio
- Privacy
- Project Management Prince2
- Sicurezza ICT
- Software Aziendali
- Sviluppo Mobile App
- Sviluppo, Supporto, Assistenza Tecnica e Hosting Google Cloud
- System Integration
- Web Application
- Web Design
Casi di Successo
Un'azienda di ottica con diversi centri in tutta Italia usa le nostre soluzioni Software aziendali e Cloud Development per gestire tutto il proprio personale.
CONTATTI
Tel +39 06 56549766
Fax +39 06 21122581
Mail: info@glue-labs.com
Pec: gluelabs@legalmail.it
Dove Siamo
Roma: Piazza Don Sturzo 15
Padova: Via Savonarola 217
Milano: Via Lazzaretto 19
Torino: P.zza XVIII Dicembre 5
Seguici