Cross Platform Storage & Sync with Couchbase and Ionic Framework

©2015 Couchbase Inc. 1

Nic Raboy, Developer Advocate at Couchbase

Cross Platform Storage & Sync with Couchbase and Ionic Framework


About Me

Nic RaboyDeveloper Advocate at Couchbase@nraboy (Twitter)


The Plan

The business problem Couchbase Mobile Ionic Framework Couchbase + Ionic Framework

What is the business problem?

Today’s Mobile Apps

5

Try again later.

No Internet

please wait…


How Does This Affect What People Think?

Doesn’t work a lot of the time and when it does it’s slow.


How Does This Affect App Uninstall Rates?

0%

20%

40%

60%

80%

100%

FreezingCrashingSlow Responsiveness

Unin

stal

l Rat

e

Source: uSamp

Data Location is the Problem

8

Local Data + Sync is the Solution

9


What Does This Mean For Your Apps

Always work both online & offlineAlways be blazing fast

Built with orders of magnitude less codeUsers will absolutely love your apps

What is Couchbase Mobile?

Couchbase Lite Sync Gateway


Couchbase Lite

• NoSQL Mobile Database• Document Oriented & Schema-Less• Small Footprint• Runs In-Process


Couchbase Sync Gateway

• Data Replication Between Server & Device

• Data Orchestration• Authentication & Authorization


Channels

Sports San Francisco

Nature

Admin


Replication

Is asynchronous Can be continuous or one-shot Sends JSON over HTTP Handles network hiccups Network timeouts

17

Where Does Ionic Framework Fit In?


Ionic Framework

HTML5 & AngularJS Framework Built on Apache Cordova Build Once, Deploy Everywhere Accepts Apache Cordova Plugins

Couchbase Cordova Plugin


Couchbase Plugin

Compatible with Android and iOS Makes Couchbase Lite accessible via RESTful

APIs Easily integrate with Ionic Framework through

the ng-couchbase-lite wrapper


A Classic Todo List


NoSQL Documents


Creating a Database


Inserting Documents


Map / Reduce Views

Concept from functional program, via Google App-defined map function operates on

documents Function output generates an index ordered by

key Index rows can be aggregated via a reduce

function Index is queried by a key or key range


Couchbase Lite Views


Querying Couchbase Views


Replication With Sync Gateway


Listen for Changes

Couchbase Sync Gateway


Basic Sync Gateway Configuration

Demo Time!


Couchbase Labs on GitHub

https://github.com/couchbaselabs/todolite-ionic

Questions?

©2014 Couchbase, Inc.


San Francisco Couchbase Meetup

http://www.meetup.com/The-San-Francisco-Couchbase-Meetup-Group


We’re Hiring!http://www.couchbase.com/careers


Thank You!

Nic Raboy@nraboy (Twitter)