Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to 今からでも大丈夫！Firebase入門
Similar to 今からでも大丈夫！Firebase入門 (20)
今からでも大丈夫！Firebase入門
- 3. こんなん作ってます
- 4. リニューアル当初導入した機能 ● Analytics ● Cloud Messaging ● Notifications ● Remote Config
- 5. 現在使用している機能 ● Analytics ● Cloud Messaging ● Notifications ● Remote Config ● Authentication ● Realtime Database ● Dynamic Links ● Invite（今後導入予定）
- 6. 現在使用している機能 ● Analytics ● Cloud Messaging ● Notifications ● Remote Config ● Authentication ● Realtime Database ● Dynamic Links ● Invites（今後導入予定） 本日お話しする部分}
- 7. Firebaseについて
- 8. Firebaseって何？ BaaS (Backend as a Service)のひとつ
- 9. 料金は？
- 10. 無料で使える機能と有料の機能 無料で使える機能 ● Analytics ● App Indexing ● Authentication ● Cloud Messaging ● Crash Reporting ● Dynamic Links ● Invites ● Notifications ● Remote Config 有料の機能 ● Realtime Database ● Storage ● Hosting ● Test Lab ● Google Cloud Platform (BigQuery etc)
- 13. Analyticsの特徴 ● 他の機能と連携可能 ● イベントベースの計測 ● iOS / Android対応 ● 料金は無料！（＊） ＊ BigQueryを使う場合は別途料金が発生
- 14. Analyticsの導入（iOS） 1. CocoaPods経由でSDKをインストール 2. AppDelegateでSDKを初期化 application:didFinishLaunchingWithOptions:メソッド内に実装 # Podfile pod ‘Firebase/Core’ # pod install FIRApp.configure()
- 15. Analyticsの導入（Android） 1. Gradle経由でSDKをインストール # build.gradle compile 'com.google.firebase:firebase-core:9.6.1'
- 16. イベントを送る ● iOS ● Android FIRAnalytics.logEventWithName(kFIREventSelectContent, parameters: [ kFIRParameterContentType:"image", kFIRParameterItemID:"1" ]) mFirebaseAnalytics = FirebaseAnalytics.getInstance(this); Bundle bundle = new Bundle(); bundle.putString(FirebaseAnalytics.Param.ITEM_ID, “1”); bundle.putString(FirebaseAnalytics.Param.CONTENT_TYPE, "image"); mFirebaseAnalytics.logEvent(FirebaseAnalytics.Event.SELECT_CONTENT, bundle);
- 18. イベントには2種類ある 自動で送られるイベントの一例 ● first_open ● session_start ● notification_open 自動で送られるイベントの一覧 https://support.google.com/firebase/answer/6317485?hl=ja&ref_topic=6317484
- 20. イベント名・パラメータ名には2種類ある デフォルトで用意されているイベント・パラメータの一例 デフォルトで用意されているイベント・パラメータの一覧 https://support.google.com/firebase/answer/6317498?hl=ja&ref_topic=6317484 イベント名 パラメータ名 select_content content_type、item_id add_to_cart quantity、item_category、item_name、item_id、item_location_id、 value、price、currency
- 22. 他にもある制限 イベント登録数 500 イベントに付与するパラメータ数 25 ユーザープロパティ登録数 25 ユーザーリスト登録数 50
- 23. ユーザープロパティを設定する ● iOS ● Android FIRAnalytics.setUserPropertyString(food, forName: "favorite_food") mFirebaseAnalytics.setUserProperty("favorite_food", mFavoriteFood);
- 24. Webコンソールの機能 5つの切り口から分析を行える ● イベント ● ユーザー ● アトリビューション ● 目標到達プロセス ● コホート
- 25. イベント
- 26. イベント
- 27. イベント ● イベント数 ● ユーザー数 ● ユニークユーザー数 ● セッションあたりのイベント数 ● イベントが発生した国や地域 ● イベントを発生させたユーザーの属性（性別・年齢） ＊カスタムパラメータ値は見ることができません
- 29. ユーザー
- 34. マイレポート マイレポートで確認可能な項目 ● アクティブユーザー数 ● 平均収益（ARPU / ARPPU） ● ライフタイムバリュー （LTV） ● 維持率コホート ● ユーザーエンゲージメント（平均セッション継続時間等） ● アプリバージョン ● デバイス（モデル・OSバージョン） ● 場所（国・地域） ● ユーザー属性（年齢・性別）
- 37. Cloud Messaging / Notifications
- 38. Cloud Messaging (FCM) の特徴 ● クロスプラットフォーム対応の通知ソリューション iOS / Android / Chrome (Web Push) に対応 ● プラットフォーム毎のメッセージの差異はFCMが吸収 ● HTTP/XMPPプロトコルによるメッセージの送信 ● 無料！
- 39. 使い方 下記エンドポイントにPOSTでメッセージを送信する https://fcm.googleapis.com/fcm/send 宛先には、いづれかを指定可能 ● 通知トークン ● 通知キー ● トピック その他の指定可能なパラメータ https://firebase.google.com/docs/cloud-messaging/http-server-ref
- 40. メッセージの種類 通知 データ 通知+データ notificationのみを含むメッセー ジ dataのみを含むメッセージ notificationとdataの両方を含む メッセージ { "to" : "bk3RNwTe3H0:CI2k_HH...", "notification" : { "body" : "great match!", "title" : "Portugal vs. Denmark" } } { "to" : "bk3RNwTe3H0:CI2k_HH...", "data" : { "Nick" : "Mario", "body" : "great match!" } } { "to" : "APA91bHun4MxP5ego...", "notification" : { "body" : "great match!", "title" : "Portugal vs. Denmark" }, "data" : { "Nick" : "Mario" } }
- 41. メッセージの種類によって処理方法が違う @Android アプリの状態 通知 データ 通知+データ フォアグラウンド onMessageReceived onMessageReceived onMessageReceived バックグラウンド システムトレイ（＊） onMessageReceived システムトレイ（＊） ＊ アプリがバックグラウンドの状態で通知を受けると、 onMessageReceivedでメッセージが処理されず、 そのままシステムトレイに通知が入る。
- 43. システムトレイに表示されるアイコンが変 @Android 通知メッセージにiconの情報を含めてあげれば任意のアイコン（＊）を指定できる。 ＊drawable内にあるアイコンファイル名を指定します。 { "to" : "bk3RNwTe3H0:CI2k_HH...", "notification" : { "body" : "great match!", "title" : "Portugal vs. Denmark", "icon": "ic_lancher" } }
- 45. システムトレイに直接入ったメッセージを開いた時 に任意のActivityを開くには？@Android 通知メッセージとアクティビティを繋ぐための情報を追加する。 <activity android:name=".HogeActivity" android:label="@string/title_activity_hoge" > <intent-filter> <action android:name="HOGE_ACTIVITY" /> <category android:name="android.intent.category.DEFAULT" /> </intent-filter> </activity>
- 46. システムトレイに直接入ったメッセージを開いた時 に任意のActivityを開くには？@Android 通知オブジェクトに開きたいアクティビティの情報を付与する。 { "to" : "APA91bHun4MxP5ego...", "notification" : { "body" : "great match!", "title" : "Portugal vs. Denmark", "click_action": "HOGE_ACTIVITY" }, "data" : { "Nick" : "Mario" } }
- 47. システムトレイに直接入ったメッセージを開いた時 にデータを参照するには？@Android Intentのextrasから参照することができます。 Bundle extras = getIntent().getExtras(); if (extras != null) { String value = extras.getString("parameter"); Log.d(TAG, value); }
- 48. データメッセージが届かない？！ @iOS アプリの状態 通知 データ 通知+データ フォアグラウンド APNs FCM APNs バックグラウンド APNs FCM APNs
- 49. データメッセージが届かない？！ @iOS FCMに接続するコードを書いておきましょう！ 詳細なサンプルコードについては以下の URLを参照 https://github.com/firebase/quickstart-ios/blob/master/messaging/FCMSwift/AppDelegate.swift FIRMessaging.messaging().connectWithCompletion { (error) in guard let error = error else { print("Connected to FCM.") return } print("Unable to connect with FCM. (error)") }
- 50. Notificationsの特徴 ● Webのコンソールから通知を送信することが可能 ● シンプルな操作 HTTP APIで可能な細かい設定はできない
- 54. Remote Config
- 55. Remote Configの特徴 ● アプリのリリースなしに設定変更が可能 ● Webのコンソールで簡単に設定変更が可能 ● それぞれの条件に応じた設定値を持つことが可能
- 58. それぞれの条件に応じた設定値を持たせる 設定可能な条件 ● アプリID ● アプリバージョン ● OSの種類 ● ユーザー（ランダム％） ● ユーザーリスト ● 端末の地域／国 ● 端末の言語 ● ユーザープロパティ