PouchDB Offiline Firth TDC-SP

PouchDB Offiline Firth TDC-SP

Como fazer offile firth e caching usando PouchDB e node JS
https://bitbucket.org/itacir_pompeu/pouchdb-exemple

1abb91e758666b4c912c7a48bda6b16e?s=128

Itacir Ferreira Pompeu

July 06, 2016
Tweet

Transcript

  1. 2.

    pen4education Aplicações off-line first com Ionic e PouchDB Essa palestra,

    aborda um pouco sobre como usar Couchdb, Ionic e Pouchdb, com baixo custo e sync de conteudo offline.
  2. 3.

    pen4education Who am I? Itacir Ferreira Pompeu, ex-maratonista de programação

    (ACM-ICPC), lutador de jiujitsu, professor de NodeJS na Webschool.io, software eng no produto MyInfoShare (Brasília), apaixonado por Opensource e Linux, formado em TSI.
  3. 4.

    pen4education Agenda • O Produto MyInfoShare • Couchdb ◦ Sync

    e Replicate ◦ How to Use • Pouchdb ◦ Open Source e JS ◦ Simple Sync ◦ Full Coverge ◦ Api Simples • Ionic ◦ Como Funciona ◦ Autenticação e http ◦ NodeJS e Express • Considerações Finais • Perguntas
  4. 5.

    pen4education Introdução • Javascript à frente de tudo, fui desafiado

    recentemente a criar um chat mobile. • Sockt.IO foi minha primeira opção, contudo, ao verificar a real regra de negócio da aplicação, percebi que haveria muito uso offline da aplicação. • Como já havia “Brincado” com PouchDB, sugeri o uso, comecei a pesquisá-lo, e hoje irei compartilhar com vocês essa experiência.
  5. 9.

    pen4education Entendendo o Conceito Web Storage “Web Storage: formas mais

    sofisticadas de manter informações no navegador, que ficam disponíveis durante uma única sessão. Ao invés de ter que buscar a informação no banco de dados (percorrendo todo o caminho entre servidores), a informação é requisitada para o próprio browser.” <http://arquiteturadeinformacao.com/design-de-interacao/depois-de- mobile-first-o-conceito-de-offline-first/> by: Fabricio Teixeira
  6. 10.

    pen4education Entendendo o Conceito App Cache “App Cache: armazenar arquivos

    HTML, CSS, JS e imagens para fazer sites e aplicativos funcionarem offline. A ideia é controlar mais de perto o comportamento do Cache para decidir quais arquivos devem ser armazenados e quando.” <http://arquiteturadeinformacao.com/design-de- interacao/depois-de-mobile-first-o-conceito-de-offline-first/> by: Fabricio Teixeira
  7. 11.

    pen4education Entendendo o CouchDB Leia o livro disponível em: <http://guide.couchdb.org/draft/tour.

    html> Ele é um banco NOSQL, baseado em HTTP (rest), e organizado em documentos. Possui uma grande semelhança com Mongo, porem é escrito em Erlang. Possui Interface de comunicação simples, e pode ser acessado pelo navegador.
  8. 13.

    pen4education Sync e Replicação Opera de forma simples. Peer to

    peer. Poder de incrementar documentos. Possui um controle de conflito.
  9. 14.

    pen4education O PouchDB O banco de dados que sincroniza! PouchDB

    é um banco de dados JavaScript de código aberto inspirado pelo Apache CouchDB, que é projetado para funcionar bem dentro do navegador. O PouchDB foi criado para ajudar os desenvolvedores web a criar aplicativos que funcionam bem off-line como eles fazem online. fonte: <https://pouchdb.com/>
  10. 15.

    pen4education O PouchDB Ele permite que os aplicativos armazenem dados

    localmente enquanto off-line, em seguida, sincronizá-lo com o CouchDB e servidores compatíveis quando a aplicação está de volta on- line, mantendo os dados do usuário em sincronia, não importa onde eles façam o próximo login. fonte: <https://pouchdb.com/>
  11. 25.

    pen4education O Ionic “Ionic é um framework criado no final

    de 2013, que visa a criação de aplicações híbridas para dispositivos móveis. Hoje, o Ionic encontra-se na versão 1.3, que segundo a equipe por trás do desenvolvimento, será o último release beta. Ele nada mais é do que uma pilha de componentes e outros frameworks.” <http://tableless.com.br/introducao-ao-ionic-framework/> by: grillorafael
  12. 28.

    pen4education Pouch-Express Um submodulo do PouchDB, que utiliza NodeJS e

    express. Rode o comando npm i pouch-express express Use
  13. 30.

    pen4education Conclusão Aplicativos com Ionic e pouchDB são simples de

    trabalhar com offline first. Foi uma boa opção para o MyInfoShare. Eu recomendo a todos.
  14. 32.

    pen4education Referências IONIC. Disponível em: <http://tableless.com. br/introducao-ao-ionic-framework/> Acesso em: 04

    maio de 2016. ANGULAR. Disponível em: <https://angularjs.org/> Acesso em: 01 maio de 2016. POUCHDB. Disponível em: <https://pouchdb.com/> Acesso em: 01 maio de 2016.
  15. 33.

    pen4education Referências NPMJS. Disponível em: <https://www.npmjs.com/> Acesso em: 03 maio

    de 2016. NODE. Disponível em: <https://nodejs.org/en//> Acesso em: 03 maio de 2016. COUCHDB. Disponível em: <http://couchdb.apache. org//> Acesso em: 04 maio de 2016.