Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Offline apps Using Ionic Framework and PouchDB

2,935 views

Published on

This lightning talk was gave on Meetup Ionic Mato Grosso.

This app was developed for demo purposes using Ionic and PouchDB for offline first apps. So I'm sharing the code for those who are interested in studying.

Published in: Technology

Offline apps Using Ionic Framework and PouchDB

  1. 1. O F F L I N E A P P S C O M I O N I C E P O U C H D B A LVA R O V I E B R A N T Z
  2. 2. P O U C H D B O Q U E É I S S O ? ?
  3. 3. C O U C H D B • NoSQL orientado a documentos • Views baseados em map/reduce em JS • Suporte a arquivos (attachments) • Segundo um autor desconhecido: • “O CouchDB é ruim em várias coisas, menos em sincronizar.”
  4. 4. C O U C H D B E M J S = P O U C H D B • Implementar um CouchDB que pode ser usado no navegador, dispositivos móveis e server side (NodeJS) • Camada de Storage modular • WebSQL • IndexedDB • Memory • SQLite !!!
  5. 5. M E U P R Ó P R I O I C L O U D ? • Pode ser sincronizado com outros CouchBD • Sua própria instância • Alguns Cloud Providers: • IBM Cloudant • CouchBase • IrisCouch
  6. 6. M E U P R Ó P R I O I C L O U D ? P O D E S E R S I N C R O N I Z A D O C O M O U T R O S C O U C H B D S U A P R Ó P R I A I N S TÂ N C I A
  7. 7. C O R D O VA + P O U C H D B • Usar como storage o SQLite • Storage infinito • Instalando plugin nativo : • Forçando o uso do storage : >ionic plugin add io.litehelpers.cordova.sqlitestorage new PouchDB(‘nomedatabase’, { adapter: ‘websql’ })
  8. 8. 🍃 🍂 🌸 B O TA N I K A 🌸 🍂 🍃
  9. 9. 🍃 🍂 🌸 B O TA N I K A 🌸 🍂 🍃
  10. 10. B O TA N I K A • Usuário pode estar sem rede e totalmente offline • Modelo flexível de dados • Suporte a diferentes tipos de pesquisas • Arquivos • Sincronização • Trabalhar os dados depois
  11. 11. D E M O
  12. 12. D I S P O N Í V E L E M B R E V E E M S U A C A S A github.com/alvarowolfx/botanika

×