I. What is Firebase<\/span><\/h2>\nGoogle Firebase is a Google-backed application development software that enables developers to develop iOS, Android and Web apps<\/span><\/a>. Firebase provides tools for tracking analytics, reporting and fixing app crashes, creating marketing and product experiment. Firebase has many services and today I’m going to introduce to in-app messaging, cloud messages and real-time databases.<\/span><\/p>\nII. Add Firebase to your app<\/span><\/h2>\nBefore you integrate Firebase into your Android app, you need to create a Firebase project to connect to your Android app. log in to Firebase console in this link https:\/\/console.firebase.google.com\/?hl=en<\/a><\/span>
\nStep 1<\/strong>: A<\/span>fter you signed-in to Firebase, click on “Create a project<\/strong>“.<\/span>
\n
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-9.31.55-AM-1024x566.png\")
<\/span><\/p>\nStep 2<\/strong>: There are steps to take to create a new Firebase project. Click on Android icon. <\/span><\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-9.43.53-AM-1024x565.png\")
<\/p>\n
Step 3<\/strong>: Enter<\/span> your “Android package name<\/strong>” the same as package name in AndroidManifest<\/span><\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-21-at-3.19.26-PM.png\")
<\/p>\n
![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-9.51.12-AM-1024x121.png\")
<\/p>\n
<\/p>\n
Step 4<\/strong>:\u00a0\u00a0<\/span>Download “google-services.json”<\/strong> and add to the project.
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-21-at-3.20.06-PM.png\")
\n<\/span><\/p>\n <\/p>\n
\n- Click on Project to switch view, you will see the root directory of the project . Put the “google-services.json<\/strong>” file into\u00a0 “Project\/~\/app” folder.
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-9.56.43-AM.png\")
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-9.58.50-AM.png\")
\n<\/span><\/li>\n<\/ul>\nStep 5<\/strong>: Add Firebase SDK.<\/span><\/p>\n1. <\/strong>In “<\/strong><\/span>build.gradle<\/strong>” (Project)<\/span>:<\/span><\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-10.06.20-AM-1024x479.png\")
<\/p>\n
2. <\/strong>In “<\/strong><\/span>build.gradle<\/strong>” (app):
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-10.11.34-AM-1024x578.png\")
\n<\/span><\/p>\n <\/p>\n
Step 6<\/strong>: Run and wait Firebase verify the app, you will see message when success, click on \u201cContinue to console<\/strong>\u201d.<\/span><\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-19-at-4.31.20-PM-31.png\")
<\/p>\n
III.\u00a0In-App Message<\/span><\/h2>\n1. Introduction<\/span><\/h3>\nFirebase In-App Messaging helps you engage your app’s active users by sending them targeted, contextual messages that encourage them to use key app features. For example, you could send an in-app message to get users to subscribe, watch a video, complete a level, or buy an item. You can customize messages as cards, banners, modals, or images, and set up triggers so that they appear exactly when they’d benefit your users most.<\/span><\/p>\n2. Get start<\/h3>\n
Step 1<\/strong>:\u00a0Add \u201cimplementation <\/span><\/strong>\u2018com.google.firebase:firebase-inappmessaging-display:19.0.3\u2019<\/strong>\u00a0into “build.gradle<\/strong>” (app)<\/span><\/span>\u00a0and Click “Sync Now<\/strong>“.
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-19-at-4.51.31-PM-33-1024x641.png\")
\n<\/span><\/p>\n <\/p>\n
Step 2<\/strong>: Get Firebase instance ID (this id’s used to test in-app message on Firebase).<\/span><\/p>\nprivate fun createInstanceId() {\r\n FirebaseInstanceId.getInstance().instanceId.addOnCompleteListener { task ->\r\n if (!task.isSuccessful) {\r\n Log.w(TAG, \"getInstanceId failed\", task.exception)\r\n return@addOnCompleteListener\r\n }\r\n\r\n \/\/create new instance id Token\r\n val msg = task.result?.id\r\n Log.d(TAG, \"token: $msg\")\r\n }\r\n}<\/pre>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-19-at-5.01.04-PM-35-1024x417.png\")
<\/p>\n
Step 3<\/strong>: Run the app and open “Logcat” tool, we will see the ID token.<\/span><\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-19-at-5.23.36-PM-51-1024x625.png\")
<\/p>\n
Step 4<\/strong>: Copy the ID token, open Firebase console -> “In-App Messaging<\/strong>“, click \u201cCreate your first campaign<\/strong>\u201d.<\/span><\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-19-at-5.06.23-PM-41-1024x606.png\")
<\/p>\n
Step 5<\/strong>: Enter “Message title<\/strong>” (ex: Hello I’m FireBase), “Body<\/strong>” (optional), “Images<\/strong>” (ex: https:\/\/cdn.pixabay.com\/photo\/2015\/10\/12\/14\/54\/coffee-983955_960_720.jpg<\/span><\/a>)
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-19-at-5.12.17-PM-45-1.png\")
\n<\/span><\/p>\n <\/p>\n
Add “Button text<\/strong>“.
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-19-at-5.12.47-PM-47.png\")
<\/p>\n <\/p>\n
Step 6<\/strong>: Click \u201cTest on Device<\/strong>\u201d, and paste the ID token into “Add an instance ID<\/strong>” field.<\/span><\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-19-at-5.17.37-PM-49.png\")
<\/p>\n
Firebase In-App Messaging sends the test message as soon as you click “Test<\/b>“. To see it, move the app to background, then re-open the app on your testing device.<\/span><\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-19-at-5.24.22-PM-53-1024x663.png\")
<\/p>\n
Result<\/em>:<\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screenshot_20200219-173204-57-576x1024.jpg\")
<\/p>\n
Step 7<\/strong>: After test successfully, click “Next”<\/strong> to continue.
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-10.50.56-AM.png\")
<\/p>\n <\/p>\n
![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-10.54.15-AM.png\")
<\/p>\n
Click “Review<\/strong>” to publish your message.
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-10.56.19-AM.png\")
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-10.55.31-AM-1024x663.png\")
<\/p>\n <\/p>\n
<\/p>\n
When click “Publish<\/strong>” message will send to the app.<\/p>\nResult:<\/p>\n
![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screenshot_20200219-173204-57-1-576x1024.jpg\")
![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screenshot_20200219-173801-59-169x300.jpg\")
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screenshot_20200219-173901-61-169x300.jpg\")
<\/p>\n
IV. Cloud Message<\/h2>\n1. Introduction<\/h3>\n
Firebase Cloud Messaging (FCM) is a cross-platform messaging solution that lets you reliably send messages at no cost.\u00a0<\/span>Using FCM, you can notify a client app that new email or other data is available to sync. You can send notification messages to drive user re-engagement and retention. For use cases such as instant messaging, a message can transfer a payload of up to 4KB to a client app.<\/span><\/p>\n2. Get start<\/h3>\n
Step 1<\/strong>:\u00a0Add \u201cimplementation <\/span><\/strong>\u2018com.google.firebase:firebase-messaging:20.1.0\u2019<\/strong>\u00a0“into “build.gradle<\/strong>” (app)<\/span>\u00a0and Click “Sync Now<\/strong>“.<\/span><\/span><\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-8.07.39-AM-63-1024x627.png\")
<\/p>\n
Step 2<\/strong> : Add filter to AndroidManifest file.<\/span><\/p>\n<service<\/span>\r\n\u00a0 \u00a0 <\/span>android:name<\/span>=<\/span>\".java.MyFirebaseMessagingService\"<\/span>\r\n\u00a0 \u00a0 <\/span>android:exported<\/span>=<\/span>\"false\"<\/span>><\/span>\r\n\u00a0 \u00a0 <\/span><intent-filter><\/span>\r\n\u00a0 \u00a0 \u00a0 \u00a0 <\/span><action<\/span> android:name<\/span>=<\/span>\"com.google.firebase.MESSAGING_EVENT\"<\/span> \/><\/span>\r\n\u00a0 \u00a0 <\/span><\/intent-filter><\/span>\r\n<\/service><\/span><\/pre>\nMyFirebaseMessagingService is a<\/span>\u00a0service that extends\u00a0<\/span>FirebaseMessagingService<\/span><\/em>. This is required when you want to do any message handling beyond receiving notifications on apps in the background. To receive notifications in foreground apps, to receive data payload, to send upstream messages, and so on, you must use this service.<\/span><\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-8.13.02-AM-65-1024x625.png\")
<\/p>\n
Now you will see an\u00a0error at line 23<\/strong>. This is occurred because we don\u2019t have MyFirebaseMessagingService<\/em> file in project so let create it.<\/span><\/p>\n <\/p>\n
<\/p>\n
![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-8.16.28-AM-67.png\")
<\/p>\n
![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-8.17.14-AM-69.png\")
<\/p>\n
![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-8.17.30-AM-71-1024x183.png\")
<\/p>\n
Change package name from .java.MyFirebaseMessagingService<\/em> to <package>.MyFirebaseMessagingService<\/em>.<\/span><\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-8.24.31-AM-77-1024x627.png\")
<\/p>\n
Step 3\u00a0<\/strong>(optional): Set a default icon and color, you can skip this step if you do not want icon and color in your notification.<\/span><\/p>\n\n<!-- Set custom default icon. This is used when no icon is set for incoming notification messages.\r\n\u00a0 \u00a0 \u00a0See README(https:\/\/goo.gl\/l4GJaQ) for more. --><\/span>\r\n<meta-data<\/span>\r\n\u00a0 \u00a0 <\/span>android:name<\/span>=<\/span>\"com.google.firebase.messaging.default_notification_icon\"<\/span>\r\n\u00a0 \u00a0 <\/span>android:resource<\/span>=<\/span>\"@drawable\/ic_stat_ic_notification\"<\/span> \/><\/span>\r\n<!-- Set color used with incoming notification messages. This is used when no color is set for the incoming\r\n\u00a0 \u00a0 \u00a0notification message. See README(https:\/\/goo.gl\/6BKBk7) for more. --><\/span>\r\n<meta-data<\/span>\r\n\u00a0 \u00a0 <\/span>android:name<\/span>=<\/span>\"com.google.firebase.messaging.default_notification_color\"<\/span>\r\n\u00a0 \u00a0 <\/span>android:resource<\/span>=<\/span>\"@color\/colorAccent\"<\/span> \/><\/span><\/pre>\n<\/blockquote>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-8.36.41-AM-79-1024x627.png\")
<\/p>\n
Step 4\u00a0<\/strong><\/span>(Optional): From Android 8.0 (API level 26) and higher,\u00a0notification channels<\/span><\/a>\u00a0are supported and recommended. FCM provides a default notification channel with basic settings. If you prefer to\u00a0create<\/span><\/a>\u00a0and use your own default channel, set\u00a0<\/span>default_notification_channel_id<\/span>\u00a0to the ID of your notification channel object as shown; FCM will use this value whenever incoming messages do not explicitly set a notification channel. To learn more, see\u00a0Manage notification channels<\/span><\/a>.<\/span><\/p>\n\n- Goto res\/values\/strings.xml<\/strong> and add this line.<\/span><\/li>\n<\/ul>\n
\n<string name=\"default_notification_channel_id\">1<\/string><\/pre>\n<\/blockquote>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-8.44.38-AM-83-1024x350.png\")
<\/p>\n
\n- Open AndroidManifest<\/strong> file and add this code.<\/span><\/li>\n<\/ul>\n
\n<meta-data<\/span>\r\n\u00a0 \u00a0 <\/span>android:name<\/span>=<\/span>\"com.google.firebase.messaging.default_notification_channel_id\"<\/span>\r\n\u00a0 \u00a0 <\/span>android:value<\/span>=<\/span>\"@string\/default_notification_channel_id\"<\/span> \/><\/span><\/pre>\n<\/blockquote>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-8.46.55-AM-85-1024x627.png\")
<\/p>\n
\u00a0Step 5<\/strong>: Open MainActivity<\/strong> to retrieve the current registration token, add this function<\/span><\/p>\n\nprivate fun createInstanceId() {\r\n FirebaseInstanceId.getInstance().instanceId.addOnCompleteListener { task ->\r\n if (!task.isSuccessful) {\r\n Log.w(TAG, \"getInstanceId failed\", task.exception)\r\n return@addOnCompleteListener\r\n }\r\n\r\n \/\/get id Token\r\n \/\/ Get new Instance ID token\r\n val token = task.result?.token\r\n\r\n \/\/ Log and toast\r\n Log.d(TAG, \"token: $token\")\r\n Toast.makeText(baseContext, \"token: $token\", Toast.LENGTH_SHORT).show()\r\n }\r\n}<\/pre>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-8.56.08-AM-87-1024x626.png\")
<\/p><\/blockquote>\n
<\/p>\n
\n- Run the app, to get Firebase instance ID.<\/span><\/li>\n<\/ul>\n
![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screenshot_20200220-125154-576x1024.jpg\")
<\/p>\n
Step 6<\/strong>: Add the code below into the MyFirebaseMessagingService<\/strong> class.<\/p>\n\nclass MyFirebaseMessagingService : FirebaseMessagingService() {\r\n companion object {\r\n private val TAG = this::class.java.simpleName\r\n }\r\n\r\n override fun onNewToken(token: String) {\r\n Log.d(TAG, \"Refreshed token: $token\")\r\n super.onNewToken(token)\r\n }\r\n\r\n override fun onMessageReceived(remoteMessage: RemoteMessage) {\r\n super.onMessageReceived(remoteMessage)\r\n Log.d(TAG, \"From: ${remoteMessage.from}\")\r\n\r\n remoteMessage.data.isNotEmpty().let {\r\n }\r\n\r\n remoteMessage.notification?.let {\r\n Log.d(TAG, \"Message Notification Body: ${it.body}\")\r\n it.body?.let { body ->\r\n sendNotification(body)\r\n }\r\n }\r\n }\r\n\r\n private fun sendNotification(messageBody: String) {\r\n val intent = Intent(this, CloudMessageActivity::class.java)\r\n intent.flags = Intent.FLAG_ACTIVITY_CLEAR_TOP\r\n val pendingIntent = PendingIntent.getActivity(this, 0, intent, PendingIntent.FLAG_ONE_SHOT)\r\n\r\n val channelId = getString(R.string.default_notification_channel_id)\r\n val defaultSoundUri = RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION)\r\n val notificationBuilder = NotificationCompat.Builder(this, channelId)\r\n .setSmallIcon(R.drawable.ic_notifications)\r\n .setContentTitle(\"Mess Title\")\r\n .setContentText(messageBody)\r\n .setAutoCancel(true)\r\n .setSound(defaultSoundUri)\r\n .setContentIntent(pendingIntent)\r\n\r\n val notificationManager =\r\n getSystemService(Context.NOTIFICATION_SERVICE) as NotificationManager\r\n\r\n if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {\r\n val channel = NotificationChannel(\r\n channelId, \"Channel human readable title\",\r\n NotificationManager.IMPORTANCE_DEFAULT\r\n )\r\n notificationManager.createNotificationChannel(channel)\r\n }\r\n\r\n notificationManager.notify(1, notificationBuilder.build())\r\n }\r\n}<\/pre>\n<\/blockquote>\nStep 7<\/strong>: Test Cloud Messaging<\/strong>.<\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-12.47.45-PM.png\")
<\/p>\n
Enter Notification<\/strong>\u00a0Title<\/strong>, text<\/strong> and image<\/strong> (optional) ex:\u00a0https:\/\/cdn.pixabay.com\/photo\/2017\/07\/07\/02\/05\/symbol-2480161_960_720.png and send test message.<\/p>\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-1.00.12-PM.png\")
<\/p>\n
\n- Add the token we got from\u00a0Logcat<\/strong> (step 5)<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-1.07.28-PM.png\")
<\/p>\n
\n- Result<\/strong>:
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screenshot_20200220-141558-576x1024.jpg\")
<\/li>\n<\/ul>\n <\/p>\n
Step 7<\/strong>: Create and send message.<\/p>\nAfter test successfully, click “Next<\/strong>” to continue.
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-2.22.42-PM-300x164.png\")
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-2.25.56-PM.png\")
\n![\"\"](\"https:\/\/briswell-vn.com\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-20-at-2.23.43-PM.png\")
<\/p>\n <\/p>\n
<\/p>\n
\n- Click “
II. Add Firebase to your app<\/span><\/h2>\nBefore you integrate Firebase into your Android app, you need to create a Firebase project to connect to your Android app. log in to Firebase console in this link https:\/\/console.firebase.google.com\/?hl=en<\/a><\/span>
\nStep 1<\/strong>: A<\/span>fter you signed-in to Firebase, click on “Create a project<\/strong>“.<\/span>
\n
\n <\/span><\/p>\nStep 2<\/strong>: There are steps to take to create a new Firebase project. Click on Android icon. <\/span><\/p>\n<\/p>\n
Step 3<\/strong>: Enter<\/span> your “Android package name<\/strong>” the same as package name in AndroidManifest<\/span><\/p>\n<\/p>\n
<\/p>\n
<\/p>\n
Step 4<\/strong>:\u00a0\u00a0<\/span>Download “google-services.json”<\/strong> and add to the project.
\n
\n<\/span><\/p>\n <\/p>\n
\n- Click on Project to switch view, you will see the root directory of the project . Put the “google-services.json<\/strong>” file into\u00a0 “Project\/~\/app” folder.
\n
\n
\n<\/span><\/li>\n<\/ul>\nStep 5<\/strong>: Add Firebase SDK.<\/span><\/p>\n1. <\/strong>In “<\/strong><\/span>build.gradle<\/strong>” (Project)<\/span>:<\/span><\/p>\n<\/p>\n
2. <\/strong>In “<\/strong><\/span>build.gradle<\/strong>” (app):
\n
\n<\/span><\/p>\n <\/p>\n
Step 6<\/strong>: Run and wait Firebase verify the app, you will see message when success, click on \u201cContinue to console<\/strong>\u201d.<\/span><\/p>\n<\/p>\n
III.\u00a0In-App Message<\/span><\/h2>\n1. Introduction<\/span><\/h3>\nFirebase In-App Messaging helps you engage your app’s active users by sending them targeted, contextual messages that encourage them to use key app features. For example, you could send an in-app message to get users to subscribe, watch a video, complete a level, or buy an item. You can customize messages as cards, banners, modals, or images, and set up triggers so that they appear exactly when they’d benefit your users most.<\/span><\/p>\n2. Get start<\/h3>\n
Step 1<\/strong>:\u00a0Add \u201cimplementation <\/span><\/strong>\u2018com.google.firebase:firebase-inappmessaging-display:19.0.3\u2019<\/strong>\u00a0into “build.gradle<\/strong>” (app)<\/span><\/span>\u00a0and Click “Sync Now<\/strong>“.
\n
\n<\/span><\/p>\n <\/p>\n
Step 2<\/strong>: Get Firebase instance ID (this id’s used to test in-app message on Firebase).<\/span><\/p>\nprivate fun createInstanceId() {\r\n FirebaseInstanceId.getInstance().instanceId.addOnCompleteListener { task ->\r\n if (!task.isSuccessful) {\r\n Log.w(TAG, \"getInstanceId failed\", task.exception)\r\n return@addOnCompleteListener\r\n }\r\n\r\n \/\/create new instance id Token\r\n val msg = task.result?.id\r\n Log.d(TAG, \"token: $msg\")\r\n }\r\n}<\/pre>\n<\/p>\n
Step 3<\/strong>: Run the app and open “Logcat” tool, we will see the ID token.<\/span><\/p>\n<\/p>\n
Step 4<\/strong>: Copy the ID token, open Firebase console -> “In-App Messaging<\/strong>“, click \u201cCreate your first campaign<\/strong>\u201d.<\/span><\/p>\n<\/p>\n
Step 5<\/strong>: Enter “Message title<\/strong>” (ex: Hello I’m FireBase), “Body<\/strong>” (optional), “Images<\/strong>” (ex: https:\/\/cdn.pixabay.com\/photo\/2015\/10\/12\/14\/54\/coffee-983955_960_720.jpg<\/span><\/a>)
\n
\n<\/span><\/p>\n <\/p>\n
Add “Button text<\/strong>“.
\n<\/p>\n <\/p>\n
Step 6<\/strong>: Click \u201cTest on Device<\/strong>\u201d, and paste the ID token into “Add an instance ID<\/strong>” field.<\/span><\/p>\n<\/p>\n
Firebase In-App Messaging sends the test message as soon as you click “Test<\/b>“. To see it, move the app to background, then re-open the app on your testing device.<\/span><\/p>\n<\/p>\n
Result<\/em>:<\/p>\n<\/p>\n
Step 7<\/strong>: After test successfully, click “Next”<\/strong> to continue.
\n<\/p>\n <\/p>\n
<\/p>\n
Click “Review<\/strong>” to publish your message.
\n
\n<\/p>\n <\/p>\n
<\/p>\n
When click “Publish<\/strong>” message will send to the app.<\/p>\nResult:<\/p>\n
\n<\/p>\n
IV. Cloud Message<\/h2>\n1. Introduction<\/h3>\n
Firebase Cloud Messaging (FCM) is a cross-platform messaging solution that lets you reliably send messages at no cost.\u00a0<\/span>Using FCM, you can notify a client app that new email or other data is available to sync. You can send notification messages to drive user re-engagement and retention. For use cases such as instant messaging, a message can transfer a payload of up to 4KB to a client app.<\/span><\/p>\n2. Get start<\/h3>\n
Step 1<\/strong>:\u00a0Add \u201cimplementation <\/span><\/strong>\u2018com.google.firebase:firebase-messaging:20.1.0\u2019<\/strong>\u00a0“into “build.gradle<\/strong>” (app)<\/span>\u00a0and Click “Sync Now<\/strong>“.<\/span><\/span><\/p>\n<\/p>\n
Step 2<\/strong> : Add filter to AndroidManifest file.<\/span><\/p>\n<service<\/span>\r\n\u00a0 \u00a0 <\/span>android:name<\/span>=<\/span>\".java.MyFirebaseMessagingService\"<\/span>\r\n\u00a0 \u00a0 <\/span>android:exported<\/span>=<\/span>\"false\"<\/span>><\/span>\r\n\u00a0 \u00a0 <\/span><intent-filter><\/span>\r\n\u00a0 \u00a0 \u00a0 \u00a0 <\/span><action<\/span> android:name<\/span>=<\/span>\"com.google.firebase.MESSAGING_EVENT\"<\/span> \/><\/span>\r\n\u00a0 \u00a0 <\/span><\/intent-filter><\/span>\r\n<\/service><\/span><\/pre>\nMyFirebaseMessagingService is a<\/span>\u00a0service that extends\u00a0<\/span>FirebaseMessagingService<\/span><\/em>. This is required when you want to do any message handling beyond receiving notifications on apps in the background. To receive notifications in foreground apps, to receive data payload, to send upstream messages, and so on, you must use this service.<\/span><\/p>\n<\/p>\n
Now you will see an\u00a0error at line 23<\/strong>. This is occurred because we don\u2019t have MyFirebaseMessagingService<\/em> file in project so let create it.<\/span><\/p>\n <\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
Change package name from .java.MyFirebaseMessagingService<\/em> to <package>.MyFirebaseMessagingService<\/em>.<\/span><\/p>\n<\/p>\n
Step 3\u00a0<\/strong>(optional): Set a default icon and color, you can skip this step if you do not want icon and color in your notification.<\/span><\/p>\n\n<!-- Set custom default icon. This is used when no icon is set for incoming notification messages.\r\n\u00a0 \u00a0 \u00a0See README(https:\/\/goo.gl\/l4GJaQ) for more. --><\/span>\r\n<meta-data<\/span>\r\n\u00a0 \u00a0 <\/span>android:name<\/span>=<\/span>\"com.google.firebase.messaging.default_notification_icon\"<\/span>\r\n\u00a0 \u00a0 <\/span>android:resource<\/span>=<\/span>\"@drawable\/ic_stat_ic_notification\"<\/span> \/><\/span>\r\n<!-- Set color used with incoming notification messages. This is used when no color is set for the incoming\r\n\u00a0 \u00a0 \u00a0notification message. See README(https:\/\/goo.gl\/6BKBk7) for more. --><\/span>\r\n<meta-data<\/span>\r\n\u00a0 \u00a0 <\/span>android:name<\/span>=<\/span>\"com.google.firebase.messaging.default_notification_color\"<\/span>\r\n\u00a0 \u00a0 <\/span>android:resource<\/span>=<\/span>\"@color\/colorAccent\"<\/span> \/><\/span><\/pre>\n<\/blockquote>\n<\/p>\n
Step 4\u00a0<\/strong><\/span>(Optional): From Android 8.0 (API level 26) and higher,\u00a0notification channels<\/span><\/a>\u00a0are supported and recommended. FCM provides a default notification channel with basic settings. If you prefer to\u00a0create<\/span><\/a>\u00a0and use your own default channel, set\u00a0<\/span>default_notification_channel_id<\/span>\u00a0to the ID of your notification channel object as shown; FCM will use this value whenever incoming messages do not explicitly set a notification channel. To learn more, see\u00a0Manage notification channels<\/span><\/a>.<\/span><\/p>\n\n- Goto res\/values\/strings.xml<\/strong> and add this line.<\/span><\/li>\n<\/ul>\n
\n<string name=\"default_notification_channel_id\">1<\/string><\/pre>\n<\/blockquote>\n<\/p>\n
\n- Open AndroidManifest<\/strong> file and add this code.<\/span><\/li>\n<\/ul>\n
\n<meta-data<\/span>\r\n\u00a0 \u00a0 <\/span>android:name<\/span>=<\/span>\"com.google.firebase.messaging.default_notification_channel_id\"<\/span>\r\n\u00a0 \u00a0 <\/span>android:value<\/span>=<\/span>\"@string\/default_notification_channel_id\"<\/span> \/><\/span><\/pre>\n<\/blockquote>\n<\/p>\n
\u00a0Step 5<\/strong>: Open MainActivity<\/strong> to retrieve the current registration token, add this function<\/span><\/p>\n\nprivate fun createInstanceId() {\r\n FirebaseInstanceId.getInstance().instanceId.addOnCompleteListener { task ->\r\n if (!task.isSuccessful) {\r\n Log.w(TAG, \"getInstanceId failed\", task.exception)\r\n return@addOnCompleteListener\r\n }\r\n\r\n \/\/get id Token\r\n \/\/ Get new Instance ID token\r\n val token = task.result?.token\r\n\r\n \/\/ Log and toast\r\n Log.d(TAG, \"token: $token\")\r\n Toast.makeText(baseContext, \"token: $token\", Toast.LENGTH_SHORT).show()\r\n }\r\n}<\/pre>\n<\/p><\/blockquote>\n
<\/p>\n
\n- Run the app, to get Firebase instance ID.<\/span><\/li>\n<\/ul>\n
<\/p>\n
Step 6<\/strong>: Add the code below into the MyFirebaseMessagingService<\/strong> class.<\/p>\n\nclass MyFirebaseMessagingService : FirebaseMessagingService() {\r\n companion object {\r\n private val TAG = this::class.java.simpleName\r\n }\r\n\r\n override fun onNewToken(token: String) {\r\n Log.d(TAG, \"Refreshed token: $token\")\r\n super.onNewToken(token)\r\n }\r\n\r\n override fun onMessageReceived(remoteMessage: RemoteMessage) {\r\n super.onMessageReceived(remoteMessage)\r\n Log.d(TAG, \"From: ${remoteMessage.from}\")\r\n\r\n remoteMessage.data.isNotEmpty().let {\r\n }\r\n\r\n remoteMessage.notification?.let {\r\n Log.d(TAG, \"Message Notification Body: ${it.body}\")\r\n it.body?.let { body ->\r\n sendNotification(body)\r\n }\r\n }\r\n }\r\n\r\n private fun sendNotification(messageBody: String) {\r\n val intent = Intent(this, CloudMessageActivity::class.java)\r\n intent.flags = Intent.FLAG_ACTIVITY_CLEAR_TOP\r\n val pendingIntent = PendingIntent.getActivity(this, 0, intent, PendingIntent.FLAG_ONE_SHOT)\r\n\r\n val channelId = getString(R.string.default_notification_channel_id)\r\n val defaultSoundUri = RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION)\r\n val notificationBuilder = NotificationCompat.Builder(this, channelId)\r\n .setSmallIcon(R.drawable.ic_notifications)\r\n .setContentTitle(\"Mess Title\")\r\n .setContentText(messageBody)\r\n .setAutoCancel(true)\r\n .setSound(defaultSoundUri)\r\n .setContentIntent(pendingIntent)\r\n\r\n val notificationManager =\r\n getSystemService(Context.NOTIFICATION_SERVICE) as NotificationManager\r\n\r\n if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {\r\n val channel = NotificationChannel(\r\n channelId, \"Channel human readable title\",\r\n NotificationManager.IMPORTANCE_DEFAULT\r\n )\r\n notificationManager.createNotificationChannel(channel)\r\n }\r\n\r\n notificationManager.notify(1, notificationBuilder.build())\r\n }\r\n}<\/pre>\n<\/blockquote>\nStep 7<\/strong>: Test Cloud Messaging<\/strong>.<\/p>\n<\/p>\n
Enter Notification<\/strong>\u00a0Title<\/strong>, text<\/strong> and image<\/strong> (optional) ex:\u00a0https:\/\/cdn.pixabay.com\/photo\/2017\/07\/07\/02\/05\/symbol-2480161_960_720.png and send test message.<\/p>\n<\/p>\n
\n- Add the token we got from\u00a0Logcat<\/strong> (step 5)<\/li>\n<\/ul>\n
<\/p>\n
\n- Result<\/strong>:
\n<\/li>\n<\/ul>\n <\/p>\n
Step 7<\/strong>: Create and send message.<\/p>\nAfter test successfully, click “Next<\/strong>” to continue.
\n
\n
\n<\/p>\n <\/p>\n
<\/p>\n
\n- Click “
\nStep 1<\/strong>: A<\/span>fter you signed-in to Firebase, click on “Create a project<\/strong>“.<\/span>
\n
\n
<\/span><\/p>\nStep 2<\/strong>: There are steps to take to create a new Firebase project. Click on Android icon. <\/span><\/p>\n Step 3<\/strong>: Enter<\/span> your “Android package name<\/strong>” the same as package name in AndroidManifest<\/span><\/p>\n <\/p>\n Step 4<\/strong>:\u00a0\u00a0<\/span>Download “google-services.json”<\/strong> and add to the project. <\/p>\n Step 5<\/strong>: Add Firebase SDK.<\/span><\/p>\n 1. <\/strong>In “<\/strong><\/span>build.gradle<\/strong>” (Project)<\/span>:<\/span><\/p>\n 2. <\/strong>In “<\/strong><\/span>build.gradle<\/strong>” (app): <\/p>\n Step 6<\/strong>: Run and wait Firebase verify the app, you will see message when success, click on \u201cContinue to console<\/strong>\u201d.<\/span><\/p>\n Firebase In-App Messaging helps you engage your app’s active users by sending them targeted, contextual messages that encourage them to use key app features. For example, you could send an in-app message to get users to subscribe, watch a video, complete a level, or buy an item. You can customize messages as cards, banners, modals, or images, and set up triggers so that they appear exactly when they’d benefit your users most.<\/span><\/p>\n Step 1<\/strong>:\u00a0Add \u201cimplementation <\/span><\/strong>\u2018com.google.firebase:firebase-inappmessaging-display:19.0.3\u2019<\/strong>\u00a0into “build.gradle<\/strong>” (app)<\/span><\/span>\u00a0and Click “Sync Now<\/strong>“. <\/p>\n Step 2<\/strong>: Get Firebase instance ID (this id’s used to test in-app message on Firebase).<\/span><\/p>\n Step 3<\/strong>: Run the app and open “Logcat” tool, we will see the ID token.<\/span><\/p>\n Step 4<\/strong>: Copy the ID token, open Firebase console -> “In-App Messaging<\/strong>“, click \u201cCreate your first campaign<\/strong>\u201d.<\/span><\/p>\n Step 5<\/strong>: Enter “Message title<\/strong>” (ex: Hello I’m FireBase), “Body<\/strong>” (optional), “Images<\/strong>” (ex: https:\/\/cdn.pixabay.com\/photo\/2015\/10\/12\/14\/54\/coffee-983955_960_720.jpg<\/span><\/a>) <\/p>\n Add “Button text<\/strong>“. <\/p>\n Step 6<\/strong>: Click \u201cTest on Device<\/strong>\u201d, and paste the ID token into “Add an instance ID<\/strong>” field.<\/span><\/p>\n Firebase In-App Messaging sends the test message as soon as you click “Test<\/b>“. To see it, move the app to background, then re-open the app on your testing device.<\/span><\/p>\n Result<\/em>:<\/p>\n Step 7<\/strong>: After test successfully, click “Next”<\/strong> to continue. <\/p>\n Click “Review<\/strong>” to publish your message. <\/p>\n <\/p>\n When click “Publish<\/strong>” message will send to the app.<\/p>\n Result:<\/p>\n Firebase Cloud Messaging (FCM) is a cross-platform messaging solution that lets you reliably send messages at no cost.\u00a0<\/span>Using FCM, you can notify a client app that new email or other data is available to sync. You can send notification messages to drive user re-engagement and retention. For use cases such as instant messaging, a message can transfer a payload of up to 4KB to a client app.<\/span><\/p>\n Step 1<\/strong>:\u00a0Add \u201cimplementation <\/span><\/strong>\u2018com.google.firebase:firebase-messaging:20.1.0\u2019<\/strong>\u00a0“into “build.gradle<\/strong>” (app)<\/span>\u00a0and Click “Sync Now<\/strong>“.<\/span><\/span><\/p>\n Step 2<\/strong> : Add filter to AndroidManifest file.<\/span><\/p>\n MyFirebaseMessagingService is a<\/span>\u00a0service that extends\u00a0<\/span>FirebaseMessagingService<\/span><\/em>. This is required when you want to do any message handling beyond receiving notifications on apps in the background. To receive notifications in foreground apps, to receive data payload, to send upstream messages, and so on, you must use this service.<\/span><\/p>\n Now you will see an\u00a0error at line 23<\/strong>. This is occurred because we don\u2019t have MyFirebaseMessagingService<\/em> file in project so let create it.<\/span><\/p>\n <\/p>\n <\/p>\n Change package name from .java.MyFirebaseMessagingService<\/em> to <package>.MyFirebaseMessagingService<\/em>.<\/span><\/p>\n Step 3\u00a0<\/strong>(optional): Set a default icon and color, you can skip this step if you do not want icon and color in your notification.<\/span><\/p>\n Step 4\u00a0<\/strong><\/span>(Optional): From Android 8.0 (API level 26) and higher,\u00a0notification channels<\/span><\/a>\u00a0are supported and recommended. FCM provides a default notification channel with basic settings. If you prefer to\u00a0create<\/span><\/a>\u00a0and use your own default channel, set\u00a0<\/span>default_notification_channel_id<\/span>\u00a0to the ID of your notification channel object as shown; FCM will use this value whenever incoming messages do not explicitly set a notification channel. To learn more, see\u00a0Manage notification channels<\/span><\/a>.<\/span><\/p>\n \u00a0Step 5<\/strong>: Open MainActivity<\/strong> to retrieve the current registration token, add this function<\/span><\/p>\n <\/p>\n Step 6<\/strong>: Add the code below into the MyFirebaseMessagingService<\/strong> class.<\/p>\n Step 7<\/strong>: Test Cloud Messaging<\/strong>.<\/p>\n Enter Notification<\/strong>\u00a0Title<\/strong>, text<\/strong> and image<\/strong> (optional) ex:\u00a0https:\/\/cdn.pixabay.com\/photo\/2017\/07\/07\/02\/05\/symbol-2480161_960_720.png and send test message.<\/p>\n <\/p>\n Step 7<\/strong>: Create and send message.<\/p>\n After test successfully, click “Next<\/strong>” to continue. <\/p>\n <\/p>\n<\/p>\n<\/p>\n<\/p>\n
\n
\n<\/span><\/p>\n\n
\n
\n
\n<\/span><\/li>\n<\/ul>\n<\/p>\n
\n
\n<\/span><\/p>\n<\/p>\nIII.\u00a0In-App Message<\/span><\/h2>\n
1. Introduction<\/span><\/h3>\n
2. Get start<\/h3>\n
\n
\n<\/span><\/p>\nprivate fun createInstanceId() {\r\n FirebaseInstanceId.getInstance().instanceId.addOnCompleteListener { task ->\r\n if (!task.isSuccessful) {\r\n Log.w(TAG, \"getInstanceId failed\", task.exception)\r\n return@addOnCompleteListener\r\n }\r\n\r\n \/\/create new instance id Token\r\n val msg = task.result?.id\r\n Log.d(TAG, \"token: $msg\")\r\n }\r\n}<\/pre>\n<\/p>\n<\/p>\n<\/p>\n
\n
\n<\/span><\/p>\n
\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n
\n<\/p>\n<\/p>\n
\n
\n<\/p>\n
\n<\/p>\nIV. Cloud Message<\/h2>\n
1. Introduction<\/h3>\n
2. Get start<\/h3>\n
<\/p>\n<service<\/span>\r\n\u00a0 \u00a0 <\/span>android:name<\/span>=<\/span>\".java.MyFirebaseMessagingService\"<\/span>\r\n\u00a0 \u00a0 <\/span>android:exported<\/span>=<\/span>\"false\"<\/span>><\/span>\r\n\u00a0 \u00a0 <\/span><intent-filter><\/span>\r\n\u00a0 \u00a0 \u00a0 \u00a0 <\/span><action<\/span> android:name<\/span>=<\/span>\"com.google.firebase.MESSAGING_EVENT\"<\/span> \/><\/span>\r\n\u00a0 \u00a0 <\/span><\/intent-filter><\/span>\r\n<\/service><\/span><\/pre>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n\n
<!-- Set custom default icon. This is used when no icon is set for incoming notification messages.\r\n\u00a0 \u00a0 \u00a0See README(https:\/\/goo.gl\/l4GJaQ) for more. --><\/span>\r\n<meta-data<\/span>\r\n\u00a0 \u00a0 <\/span>android:name<\/span>=<\/span>\"com.google.firebase.messaging.default_notification_icon\"<\/span>\r\n\u00a0 \u00a0 <\/span>android:resource<\/span>=<\/span>\"@drawable\/ic_stat_ic_notification\"<\/span> \/><\/span>\r\n<!-- Set color used with incoming notification messages. This is used when no color is set for the incoming\r\n\u00a0 \u00a0 \u00a0notification message. See README(https:\/\/goo.gl\/6BKBk7) for more. --><\/span>\r\n<meta-data<\/span>\r\n\u00a0 \u00a0 <\/span>android:name<\/span>=<\/span>\"com.google.firebase.messaging.default_notification_color\"<\/span>\r\n\u00a0 \u00a0 <\/span>android:resource<\/span>=<\/span>\"@color\/colorAccent\"<\/span> \/><\/span><\/pre>\n<\/blockquote>\n<\/p>\n\n
\n
<string name=\"default_notification_channel_id\">1<\/string><\/pre>\n<\/blockquote>\n
<\/p>\n\n
\n
<meta-data<\/span>\r\n\u00a0 \u00a0 <\/span>android:name<\/span>=<\/span>\"com.google.firebase.messaging.default_notification_channel_id\"<\/span>\r\n\u00a0 \u00a0 <\/span>android:value<\/span>=<\/span>\"@string\/default_notification_channel_id\"<\/span> \/><\/span><\/pre>\n<\/blockquote>\n<\/p>\n\n
private fun createInstanceId() {\r\n FirebaseInstanceId.getInstance().instanceId.addOnCompleteListener { task ->\r\n if (!task.isSuccessful) {\r\n Log.w(TAG, \"getInstanceId failed\", task.exception)\r\n return@addOnCompleteListener\r\n }\r\n\r\n \/\/get id Token\r\n \/\/ Get new Instance ID token\r\n val token = task.result?.token\r\n\r\n \/\/ Log and toast\r\n Log.d(TAG, \"token: $token\")\r\n Toast.makeText(baseContext, \"token: $token\", Toast.LENGTH_SHORT).show()\r\n }\r\n}<\/pre>\n<\/p><\/blockquote>\n\n
<\/p>\n\n
class MyFirebaseMessagingService : FirebaseMessagingService() {\r\n companion object {\r\n private val TAG = this::class.java.simpleName\r\n }\r\n\r\n override fun onNewToken(token: String) {\r\n Log.d(TAG, \"Refreshed token: $token\")\r\n super.onNewToken(token)\r\n }\r\n\r\n override fun onMessageReceived(remoteMessage: RemoteMessage) {\r\n super.onMessageReceived(remoteMessage)\r\n Log.d(TAG, \"From: ${remoteMessage.from}\")\r\n\r\n remoteMessage.data.isNotEmpty().let {\r\n }\r\n\r\n remoteMessage.notification?.let {\r\n Log.d(TAG, \"Message Notification Body: ${it.body}\")\r\n it.body?.let { body ->\r\n sendNotification(body)\r\n }\r\n }\r\n }\r\n\r\n private fun sendNotification(messageBody: String) {\r\n val intent = Intent(this, CloudMessageActivity::class.java)\r\n intent.flags = Intent.FLAG_ACTIVITY_CLEAR_TOP\r\n val pendingIntent = PendingIntent.getActivity(this, 0, intent, PendingIntent.FLAG_ONE_SHOT)\r\n\r\n val channelId = getString(R.string.default_notification_channel_id)\r\n val defaultSoundUri = RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION)\r\n val notificationBuilder = NotificationCompat.Builder(this, channelId)\r\n .setSmallIcon(R.drawable.ic_notifications)\r\n .setContentTitle(\"Mess Title\")\r\n .setContentText(messageBody)\r\n .setAutoCancel(true)\r\n .setSound(defaultSoundUri)\r\n .setContentIntent(pendingIntent)\r\n\r\n val notificationManager =\r\n getSystemService(Context.NOTIFICATION_SERVICE) as NotificationManager\r\n\r\n if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {\r\n val channel = NotificationChannel(\r\n channelId, \"Channel human readable title\",\r\n NotificationManager.IMPORTANCE_DEFAULT\r\n )\r\n notificationManager.createNotificationChannel(channel)\r\n }\r\n\r\n notificationManager.notify(1, notificationBuilder.build())\r\n }\r\n}<\/pre>\n<\/blockquote>\n<\/p>\n<\/p>\n\n
<\/p>\n\n
\n<\/li>\n<\/ul>\n
\n
\n
\n<\/p>\n\n