firebase - a real-time server

41
Firebase Aneeq Anwar Software Engineer (iOS)

Upload: aneeq-anwar

Post on 09-May-2015

1.702 views

Category:

Technology


3 download

DESCRIPTION

Want to build chat applications, online games and other exciting stuff? Firebase is here to help you developing all these amazing things. Go through these slides to learn about Firebase, and how to use it.

TRANSCRIPT

Page 1: Firebase - A real-time server

Firebase

Aneeq AnwarSoftware Engineer (iOS)

Page 2: Firebase - A real-time server

What is Firebase? Firebase is a scalable, real-time back for

your application.

It allows developers to build rich, collaborative applications without the hassle of managing servers or writing server-side code

Page 3: Firebase - A real-time server

Firebase is Platform Independent! Firebase has support for the web, iOS, OS X,

and Android clients.

In addition, it has a Node.js and a Java library designed for server-side use.

The Firebase web client supports all mainstream browsers (IE 7+, Firefox 3+, Chrome, Safari, Opera, and major mobile web browsers), and it works on any network connection.

Page 4: Firebase - A real-time server

How does it work? Developers install firebase by including a

library in their applications.

This library provides a data structure that is automatically synchronised between all of your clients and with our servers.

If one client changes a piece of data, every other client observing the same piece of data will be updated as well within milliseconds.

Page 5: Firebase - A real-time server

Is Firebase just for “real-time” apps? Not at all!

Firebase is for anybody that wants to write apps without having to run backend servers or write server code.

Many developers prefer focusing on frontend HTML and JavaScript rather than building, deploying, and maintaining server-side backend code.

Even if real-time isn’t critical to your application, Firebase can help you build your application faster and scale seamlessly.

Page 6: Firebase - A real-time server

Firebase features Custom server code

Firebase fully support access from your backend servers.

When used in this configuration, you still get all of the benefits of using Firebase as your data store (way less code, easier scaling, real-time updates, etc.), while gaining the flexibility to run whatever custom backend logic you need.

Page 7: Firebase - A real-time server

Firebase features Custom server code (Contd.)

It has a Node.JS client, a Java Client and a REST API specifically for this purpose.

This allows you to do your own data processing, custom validation, etc. on your own servers while still relying on Firebase for data storage and real-time propagation of updates.

Page 8: Firebase - A real-time server

Firebase features First class security

Firebase is intended for business-critical applications, and it take the safety of your data very seriously.

All of your data is stored redundantly and off-site backups are made nightly.

Page 9: Firebase - A real-time server

Firebase features Offline support

Firebase transparently reconnects to the Firebase servers as soon as you regain connectivity.

Page 10: Firebase - A real-time server

Firebase features Offline support (Contd.)

In the meantime, all Firebase operations done locally by your app will immediately fire events, regardless of network state, so your app will continue functioning correctly.

Page 11: Firebase - A real-time server

Firebase features Offline support (Contd.)

Once connectivity is reestablished, you’ll receive the appropriate set of events so that your client “catches up” with the current server state, without you having to write any custom code.

Page 12: Firebase - A real-time server

Firebase features Real-time Synchronisation

Data updating speed of firebase is very fast.

Firebase is designed to be fast enough for high performance real-time applications like network games.

Page 13: Firebase - A real-time server

Firebase features

Real-time Synchronisation (Contd.)

It maintain persistent connections between clients and its servers so that data can be pushed in both directions without delay, and it’s servers are optimised for extremely low latencies. As such, you can expect typical network latencies (generally less than 100ms) for data updates between clients.

Page 14: Firebase - A real-time server

Firebase features Data to store

At a high-level you can store any type of data in Firebase, from game state to chat messages to images or other media files.

Page 15: Firebase - A real-time server

Firebase features

Data to store (Contd.)

At a low-level, it support basically the same data types as JSON: Strings, Numbers, Booleans, and Objects (which in turn contain Strings, Numbers, Booleans, and more Objects).

Page 16: Firebase - A real-time server

Who uses Firebase Atlassian (JIRA)

Codecademy

Twitch

And many more…

Page 17: Firebase - A real-time server

Firebase Data Structure

When a new Firebase is created, it is assigned its own unique hostname.

For example, if you were to create a Firebase for your SampleChat application, it could live at:

http://SampleChat.firebaseIOdemo.com/

Page 18: Firebase - A real-time server

Firebase Data Structure

Page 19: Firebase - A real-time server

Firebase Data Structure

We refer to these URLs that point to data as locations.

Firebase locations can store strings, numbers, booleans, or nested children.

Page 20: Firebase - A real-time server

Firebase Data Structure

Nested children allow you to structure your data hierarchically.

For instance, SampleChat has a list of users, which are located at:

https://SampleChat.firebaseIO-demo.com/users

Page 21: Firebase - A real-time server

Firebase Data Structure

The data for users 'fred' and 'jack' is stored at these nested locations:

https://SampleChat.firebaseIO-demo.com/users/fredhttps://SampleChat.firebaseIO-demo.com/users/jack

In this example, 'fred' and 'jack' are said to be children of 'users', and 'users' is said to be the parent of 'fred' and ‘jack'.

Page 22: Firebase - A real-time server

Firebase Data Structure

Note that Firebase locations can contain either data (a string, number, or boolean) or children, but not both.

Locations for data can nest as deeply as you like. For example, the last name for user 'fred' is located at:

https://SampleChat.firebaseIO-demo.com/users/fred/name/last

Page 23: Firebase - A real-time server

Firebase integration in iOS

Page 24: Firebase - A real-time server

Firebase Integration

1. Download latest Firebase.framework from firebase.com

2. Unzip the above file and drag the .framework folder to your XCode project under Frameworks

Page 25: Firebase - A real-time server

Firebase Integration

3. Firebase depends on these other frameworks. Add them to your project:

libicucore.dylib libc++.dylib CFNetwork.framework Security.framework SystemConfiguration.framework

Page 26: Firebase - A real-time server

Firebase Integration

4. Firebase makes use of Objective-C classes and categories, so you'll need to add this under "other linker flags" in build settings:

-ObjC

Page 27: Firebase - A real-time server

Creating Firebase References Firebase* sampleChatRef = [[Firebase alloc] initWithUrl:@“https://SampleChat.firebaseIO-

demo.com"]; Firebase* childRef = [sampleChatRef childByAppendingPath:@“users"];

This is equivalent to: Firebase* childRef = [[Firebase alloc] initWithUrl:@“

https://SampleChat.firebaseIO-demo.com/users"];

Firebase* parentRef = [childRef parent];

parentRef and sampleChatRef now point to the same location.

Page 28: Firebase - A real-time server

Creating Firebase References

Firebase* usersRef = [sampleChatRef childByAppendingPath:@"users"]; Firebase* fredRef = [usersRef childByAppendingPath:@“fred"];

is equivalent to: Firebase* fredRef = [sampleChatRef childByAppendingPath:@"users/fred"];

Page 29: Firebase - A real-time server

Writing Data to FirebaseFirst we get a reference to the location of the user’s name data:

Firebase* nameRef = [[Firebase alloc] initWithUrl:@"https://SampleChat.firebaseIO-demo.com/users/fred/name"];

And then we write data to his first and last name locations:

[[nameRef childByAppendingPath:@"first"] setValue:@"Fred"]; [[nameRef childByAppendingPath:@"last"] setValue:@“Swanson"];

Alternatively, we can do:

[nameRef setValue:@{@"first": @"Fred", @"last": @"Swanson"}];

Page 30: Firebase - A real-time server

Writing Data to FirebaseIf you want to write multiple children of a Firebase location at the same time without overwriting other existing data, you can perform an "update" operation as shown:

[nameRef updateChildValues:@{@"first": @"Fred", @"last": @“Swanson"}];

Adding a Completion Callback

[dataRef setValue:@"text" withCompletionBlock:^(NSError *error, Firebase* ref)

{

if(error)

{

NSLog(@"Data could not be saved: %@", error);

}

else

{

NSLog(@"Data saved successfully.");

}

}];

Page 31: Firebase - A real-time server

Reading Data from Firebase

Firebase is a real-time database, so data is never read synchronously. Instead, you read data by attaching a callback to a Firebase reference as shown:

NSString* url = @"https://SampleChat.firebaseIO-demo.com/users/fred/name/first";

Firebase* dataRef = [[Firebase alloc] initWithUrl:url];

[dataRef observeEventType:FEventTypeValue withBlock:^(FDataSnapshot *snapshot)

{

NSLog(@"fred's first name is: %@", snapshot.value);

}];

Page 32: Firebase - A real-time server

Reading Data from Firebase

We can observe different types of events:

Value Child Added Child Changed Child Removed Child Moved

Page 33: Firebase - A real-time server

Reading Data from Firebase

All reads are done through asynchronous callbacks

If the referenced data is already cached, your callback will be called immediately, but if this is the first time the data was accessed by this client, Firebase will need to request the data from the Firebase servers first.

Page 34: Firebase - A real-time server

Reading Data from Firebase

Callbacks are triggered both for the initial state of your data and again any time data changes

In the above example, our callback will be called again if Fred's first name ever changes.

Page 35: Firebase - A real-time server

Reading Data from Firebase

Callbacks receive snapshots of data

A snapshot is a picture of the data at a particular Firebase location at a single point in time.

It contains all of the data at that location, including any child data. If you want to convert this data to a native format (such as a JavaScript object on the web or a Dictionary in Objective-C), you must do so explicitly.

Page 36: Firebase - A real-time server

Reading Data from Firebase

Firebase is intelligent about aggregating callbacks

Firebase ensures that only the minimum required dataset is loaded from the server, and the calling of callbacks and generation of snapshots is extremely efficient.

As a result, you should feel comfortable attaching many callbacks and having multiple callbacks of different types attached to the same location.

Page 37: Firebase - A real-time server

Reading Data from Firebase

Events that are triggered on your client do not always correspond exactly with the write operations that were performed on other clients

For example, if two other clients were to set the same piece of data at approximately the same time, there is no guarantee that two events will be triggered on your local client. Depending on the timing, those two changes could be aggregated into a single local event. Regardless, eventually all clients will have a consistent view of the data, even if the events triggered in the process may differ from client-to-client.

Page 38: Firebase - A real-time server

Reading Data from FirebaseReading data once:

[dataRef observeSingleEventOfType:FEventTypeValue withBlock:^(FDataSnapshot *snapshot)

{

// do some stuff once

}];

This is equivalent to:

__block FirebaseHandle handle = [dataRef observeEventType:FEventTypeValue withBlock:^(FDataSnapshot *snapshot)

{

// do some stuff

...

// Remove the callback

[dataRef removeObserverWithHandle:handle];

}];

Page 39: Firebase - A real-time server

Reading Data from Firebase

Using a Cancel Callback:

Firebase* fredRef = [[Firebase alloc] initWithUrl:@"https://SampleChat.firebaseIO-demo.com/users/fred/name/first"];

[fredRef observeEventType:FEventTypeValue withBlock:^(FDataSnapshot *snapshot)

{

// Read succeeds.

NSLog(@"We have permission.");

} withCancelBlock:^(FDataSnapshot *snapshot)

{

// Read fails.

NSLog(@"We do not have permission.");

}];

Page 40: Firebase - A real-time server

Reading Data from Firebase

Detaching Callbacks:

[dataRef removeObserverWithHandle:someCallbackHandle];

If you would like to remove all callbacks at a location, you can do so as shown:

[dataRef removeAllObservers];

Page 41: Firebase - A real-time server

References: https://www.firebase.com/docs/ios-quickstart.html https://www.firebase.com/docs/data-structure.html https://www.firebase.com/docs/creating-references

.html https://www.firebase.com/docs/writing-data.html https://www.firebase.com/docs/reading-data.html https://www.firebase.com/docs/faq.html