{"id":2287,"date":"2017-01-10T16:13:28","date_gmt":"2017-01-10T10:43:28","guid":{"rendered":"https:\/\/www.innovationm.com\/blog\/?p=2287"},"modified":"2017-01-10T16:13:28","modified_gmt":"2017-01-10T10:43:28","slug":"firebase-push-notification-implementation-in-android-and-app-server","status":"publish","type":"post","link":"https:\/\/www.innovationm.com\/blog\/firebase-push-notification-implementation-in-android-and-app-server\/","title":{"rendered":"Firebase Push Notification Implementation in Android and App Server"},"content":{"rendered":"

Introduction<\/b><\/h1>\n

I am going to introduce FCM (Firebase Cloud Messaging) implementation in Android app as well as in server side. FCM is a new, improved version of the Google Cloud Messaging (GCM). It has all the features of GCM as well as some additional features. <\/span><\/p>\n

Android\u00a0side\u00a0Implementation (Part 1 – Registration of app)<\/b><\/span><\/h1>\n

1 . <\/b>Add Firebase to your Android project<\/b><\/h2>\n
    \n
  1. Add the Android\u00a0project to F<\/span>irebase console. If you already have existing Google project associated with your mobile app, click <\/span>Import <\/b>Google Project <\/b>else\u00a0<\/span>Create New Project<\/b>.<\/span><\/li>\n
  2. Click Add Firebase to your Android app and follow the setup process.<\/span><\/li>\n
  3. At the end, you will dow<\/span>nload <\/span>google-services.json<\/b> file. Yo<\/span>u ca<\/span>n <\/span>download this file<\/span> again at any time.<\/span><\/li>\n
  4. Move the google_services.json<\/strong> file you just downloaded into your Android app module root directory.<\/span><\/li>\n<\/ol>\n

    \"move<\/a><\/p>\n

    2. <\/b>Add Firebase SDK in Android Project in Android Studio<\/b><\/h2>\n
      \n
    1. Add rules to your root – level<\/span> build.gradle<\/b> file<\/span>\u00a0<\/b>to include the google – services plugins.<\/span><\/li>\n
    2. Then, in <\/span>your app-level gradle <\/span>file<\/span> (app\/build.gradle)<\/b>, add apply plugin line at the bottom of the file to enable the Gradle plugin:<\/span><\/li>\n<\/ol>\n

      \"gradle<\/a><\/h2>\n

      In Android Studio, add the FCM dependency to your app-level <\/span>build.gradle<\/b> file:<\/span>\u00a0 \u00a0<\/span>\u00a0 \u00a0\u00a0<\/b><\/p>\n

      dependencies \r\n{\r\n  compile fileTree(dir: 'libs', include: ['*.jar'])\r\n\u00a0\u00a0testCompile 'junit:junit:4.12'\r\n  compile 'com.android.support:appcompat-v7:24.2.0'\r\n \u00a0compile \u00a0\u2018com.google.firebase:firebase-messaging:10.0.1\u2019\r\n}<\/pre>\n
      3 . <\/b>Android code setup for device registration<\/b><\/h2>\n
        \n
      1. Create a service that extends <\/span>FirebaseInstanceIdService <\/b>to handle the creation, rotation, and updating of registration tokens. This is required for sending to specific devices or for creating device groups.<\/span><\/li>\n
      2. Add service declaration in app Manifest file.<\/li>\n<\/ol>\n
        <service\r\n android:name=\".MyFirebaseInstanceIDService\">\r\n\u00a0\u00a0<intent-filter>\r\n      \u00a0<action android:name=\"com.google.firebase.INSTANCE_ID_EVENT\"\/>\r\n \u00a0<\/intent-filter>\r\n<\/service><\/pre>\n
        \u00a0<\/b>Get the device registration token<\/b><\/p>\n
          \n
        1. If the device doesn’t have a compatible version of Google Play services, your app can call <\/span>GoogleApiAvailability.makeGooglePlayServicesAvailable()<\/b> to allow users to download Google Play services from the Play Store.<\/span><\/li>\n
        2. onTokenRefresh()<\/b> callback fires whenever a new token is generated. On calling getToken() <\/b>of FirebaseInstanceId you will get a currently available registration token. You can send this to your server.<\/li>\n<\/ol>\n
          @Override\r\npublic void onTokenRefresh() \r\n{\r\n\r\n\u00a0\u00a0\/\/ Get updated InstanceID token.\r\n\r\n    String refreshedToken = FirebaseInstanceId.getInstance().getToken();\r\n   \u00a0Log.w(TAG, \"Refreshed token: \" + refreshedToken);\r\n\r\n\u00a0\u00a0\/\/ If you want to send messages to this application instance or\r\n\u00a0\u00a0\/\/ Instance ID token to your app server.\r\n\r\n   sendRegistrationToServer(refreshedToken);\r\n \u00a0}<\/pre>\n
          Server side Implementation<\/b><\/span><\/h1>\n
          Infrastructure and Flow of Messages<\/h2>\n
          There are 2 Entities involved here – FCM Server<\/strong> and Application Server<\/strong><\/p>\n
          FCM Server<\/b><\/p>\n
          FCM connection servers are provided by Google. These servers take messages from an <\/span>app server<\/span><\/a> and send them to a client app running on a device. Google provides connection servers for <\/span>HTTP<\/span><\/a> and <\/span>XMPP<\/span><\/a>.
          \n<\/span><\/p>\n
          Application server<\/b>\u00a0<\/span><\/p>\n
          App server sends data to a client app via the chosen FCM connection server, using the appropriate XMPP or HTTP protocol.<\/span><\/p>\n
          Message Flow from Application server to Application on mobile device via FCM Servers<\/strong><\/p>\n
          \"firebase-cloud-messaging\"<\/a><\/b><\/b><\/h2>\n
          Send messages to specific device<\/b><\/b><\/h2>\n
          Implementation of HTTP connection<\/b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span><\/h4>\n
            \n
          1. First issue a <\/span>HTTP GET<\/b> request to receive user device <\/span>REGISTRATION TOKEN<\/b> along with User_Id to differentiate particular user among all users.<\/span><\/li>\n
          2. To send a notification message , issue a <\/span>HTTP POST <\/b>request. This will hit the FCM server url. \u00a0<\/span>https:\/\/fcm.googleapis.com\/fcm\/send<\/a><\/b><\/li>\n
          3. This request consist two parts : HTTP header and body:<\/li>\n<\/ol>\n
            HTTP header<\/strong><\/p>\n
            Header must contain following header:
            \n(i) Authorization: key= YOUR_SERVER_KEY<\/span><\/p>\n
            (You may use your <\/span>legacy server key<\/b>. \u00a0\u00a0To get this Click <\/span>Firebase Console —> Project Name —-> Cloud Messaging Tab (you will get your server key)<\/b> )<\/span><\/p>\n
            \"screenshot-16\"<\/a><\/h2>\n
            (ii) Content-Type: application\/json for JSON; application\/x-www-form-urlencoded;charset=UTF-8 for plain text.\u00a0<\/span><\/p>\n
            If Content-Type is omitted, the format is assumed to be plain text.<\/span><\/p>\n
            HTTP Body<\/strong><\/p>\n