GDG Tokyo Firebaseを使った Androidアプリ開発
•
10 likes•3,725 views
Firebaseを使った Androidアプリ開発＠GDG Tokyo meeting - Android 最新事情 + Firebase + マテリアルデザイン http://eventdots.jp/event/572234
Recommended
More Related Content
What's hot
What's hot (20)
Similar to GDG Tokyo Firebaseを使った Androidアプリ開発
Similar to GDG Tokyo Firebaseを使った Androidアプリ開発 (20)
More from Fumihiko Shiroyama
Recently uploaded
Recently uploaded (10)
GDG Tokyo Firebaseを使った Androidアプリ開発
- 2. 自己紹介 • 白山 文彦 • 株式会社マナボ 技術者 • @fushiroyama • http://blog.shiroyama.us/ • http://qiita.com/FumihikoSHIROYAMA
- 3. Firebaseとは
- 4. • リアルタイム同期型クラウドデータベース • JSONストア型NoSQL • データの柔軟なセキュリティアクセス制限 • オフラインサポート • Twitter, Facebook, GitHub, Google などのアカウ ント認証と容易な連携
- 6. • アプリはJSONをツリーとみなし任意の位置を参照 (reference)する • 参照した位置から読みだしたり書き込んだりする • データはすぐさま同期される（400ms前後） • オフライン状態でも書き込み・読み出し可能（なよ うに見える。後述）
- 7. 何が出来るかデモ
- 10. • リアルタイムな同期！ • オフラインで書き込み、オンライン復帰時に同期 • オンライン復帰時にも書き込んだ時間順に並ぶ
- 12. Signup
- 16. build.gradle android { ... packagingOptions { exclude 'META-INF/LICENSE' exclude 'META-INF/LICENSE-FIREBASE.txt' exclude 'META-INF/NOTICE' } }
- 18. CustomApplication @Override public void onCreate() { super.onCreate(); Firebase.setAndroidContext(this); // other setup code }
- 19. Activity Firebase myFirebaseRef = new Firebase("https://<YOUR-FIREBASE- APP>.firebaseio.com/"); Create Reference
- 20. Writing Data myFirebaseRef.child("message") .setValue("Do you have data? You'll love Firebase."); Child Node key write!
- 21. Reading Data myFirebaseRef.child("message").addValueEventListener(new ValueEventListener() { @Override public void onDataChange(DataSnapshot snapshot) { //prints "Do you have data? You'll love Firebase." System.out.println(snapshot.getValue()); } @Override public void onCancelled(FirebaseError error) { } }); Child Node key read!
- 22. • Firebaseアプリ開発はイベントドリブンモデル • 任意のキーを参照し、受け取りたいイベントリスナを設定して いく • 保存は Firebase#setValue(Object) • ObjectはいわゆるPOJO（フィールド名がキーに対応） • とくにアノテーション不要 • データは DataSnapshot#getValue() で受け取る • キャストして使うか getValue(Class<T>) で受け取る
- 23. 有効なデータ型 • String • Boolean • Long • Double • Map<String, Object> • List<Object> • およびこれらの再帰的なデータ構造 つまりJSONで表現できる 任意のデータ型
- 25. Arrayに注意 • 純粋なArrayは提供されない。 • ["hoge", "fuga"]は内部的に{0: "hoge", 1: "fuga"} • 理由は並行操作を安全に行うため（添字は要素の削除で 振り直される） • ただしArrayのように見えるものはArrayListに自動変換 • https://www.firebase.com/docs/android/guide/ understanding-data.html 条件あり！ 以下リンク参照
- 26. 色々な保存方法 • setValue() • updateChildren() • push() • runTransaction()
- 27. setValue • 一番基本的な保存方法 • キーに対応する値をそのまま子ノードも含めて上書 き保存／変更 • POJOはアノテーションとかなくてもちゃんとオブ ジェクトとして保存できる。
- 28. エンティティを表現するPOJO
- 29. 完了コールバック
- 31. ディクショナリーを取得
- 36. 色々な読み出し方法 • addValueEventListener • addChildEventListener • onChildAdded • onChildChanged • onChildDeleted • onChildMoved
- 37. addValueEventListener • 一番シンプルな取得方法 • 指定したキー以下を全部取得 • 初回に全部取得、以後データに更新があるたびにま た全部取得
- 38. Firebase ref = new Firebase("https://docs-examples.firebaseio.com/web/saving-data/fireblog/posts"); // Attach an listener to read the data at our posts reference ref.addValueEventListener(new ValueEventListener() { @Override public void onDataChange(DataSnapshot snapshot) { System.out.println(snapshot.getValue()); } @Override public void onCancelled(FirebaseError firebaseError) { System.out.println("The read failed: " + firebaseError.getMessage()); } }); getValue(Class<T> clazz) だと型安全
- 40. onChildAdded • リストを参照しているときに子ノードが追加されると呼ば れる • 初回は子ノードの数だけコールバックされる • 以後は追加されるたび、そのノードがコールバックされる • snapShot.getKey()でそのキーを取れるので、キーのイン デックス、値のインデックスを保存しておいてListViewな どのアダプタに持っておくのはよくある運用かも
- 41. Firebase ref = new Firebase("https://docs-examples.firebaseio.com/web/saving-data/fireblog/posts"); ref.addChildEventListener(new ChildEventListener() { // Retrieve new posts as they are added to the database @Override public void onChildAdded(DataSnapshot snapshot, String previousChildKey) { BlogPost newPost = snapshot.getValue(BlogPost.class); System.out.println("Author: " + newPost.getAuthor()); System.out.println("Title: " + newPost.getTitle()); } //... ChildEventListener also defines onChildChanged, onChildRemoved, // onChildMoved and onCanceled, covered in later sections. });
- 42. onChildChanged • onChildChangedはデータパス以下のノードが変 更されたときにコールバックされる。子ノードのど んな子孫に対するいかなる変更でも通知される。 • onChildAddedやonChildRemovedと組み合わせ てよく使われる。 • コールバックには変更のあったノードの情報がスナッ プショットとして渡される。
- 45. イベントに関する保証 • ローカルの状態変更でもこれらのイベントはトリガされる • イベントは最終的には常にデータの正しい状態を反映する。つ まり、ネットワークの瞬断などでローカルの操作やタイミング が一時的にローカルデータとの差異を生んだとしても。 • ある1人のユーザからの書き込みは常にサーバに書き込まれ、そ の後他人にブロードキャストされるという順番が守られる。 • ValueEventは常に最後にトリガされ、それより前に起こったい かなるイベントからの差分も含まれていることが保証されてい る。
- 46. Security
- 47. • あるキー以下のアクセス制御 • 読み込み／書き込み • 認証済みユーザのみ書き込みなど柔軟
- 49. auth変数
- 50. • auth 変数はアクセス制御の基本 • 認証プロバイダに依らず一意保証 • auth 変数は認証処理後に生成される
- 52. • Facebook, Twitter, Google, GitHubなどの認証機 構と連携 (3rd Party) • Firebase独自の認証機構 (Email & Password) • 匿名ログイン (Anonymous) • 自前の認証機構と連携 (Custom)
- 53. 認証の有効化
- 54. ログイン処理
- 56. 今日は Email & Password Authentication
- 57. ユーザ作成
- 58. 作成だけで ログインまではしない
- 63. その他TIPS • リスナの解除には ref.removeEventListener(originalListener); を呼ぶ。 • 複数のリスナを登録している場合にはその分だけ全部解除を呼ん でやる必要がある（めんどくさい・・・） • 親ノードへのリスナ登録、そしてそれを解除したからといって更 に下位のノードへのリスナが自動で解除されるわけではない。全 部登録した数だけ手動で解除する必要がある。 • 初回だけ実行されてあとは何もしないのが都合がいいリスナがあ る場合は addListenerForSingleValueEvent を使うと便利だよ。
- 64. まとめ • オフライン機能とリアルタイム同期があるので、今まで 困っていたSocket.IO(WebSocket)などのオフライン - > オンライン復帰時の再送みたいな処理を、複雑なコー ドを一切書かずに実現できるのが素晴らし過ぎる。 • 並行操作の制約上、純粋な配列がサポートされていな いとか、NoSQLなのでJOINが使えないとか、性質を理 解して使わないといけない部分もある。 • ちゃんと使うなら意外に高額になる？
- 67. 素晴らしきサンプルたち • https://www.firebase.com/docs/android/ examples.html • https://github.com/firebase/AndroidChat • https://github.com/firebase/AndroidDrawing
- 68. 公式リファレンスショートカット • Quickstart • https://www.firebase.com/docs/android/quickstart.html • データ構造の理解 • https://www.firebase.com/docs/android/guide/understanding-data.html • データ保存 • https://www.firebase.com/docs/android/guide/saving-data.html • データ取得 • https://www.firebase.com/docs/android/guide/retrieving-data.html • 効率的なデータ構造設計への手引き • https://www.firebase.com/docs/android/guide/structuring-data.html
- 69. • アクセス制限 • https://www.firebase.com/docs/android/ guide/understanding-security.html • 認証 • https://www.firebase.com/docs/android/ guide/user-auth.html
- 71. ご清聴ありがとうございました。
- 72. • 本日の資料