Simple Notification in Android

-
Image
Notifications are a way to provide information to your customer which displays as a pop up on the device. It helps you to keep in touch with your customer. I am going to create a simple notification without going deep because everything is available on Google. We must understand a few concepts before going further. Notification channel:  Assume you have developed an app for an online learning center where they teach Maths and English. Students can either learn Maths, English, or Both. we must send notification related to Maths to only students who have taken Maths. In this case, we can create channels for Maths, English, and both so triggered notification will be delivered to students who have taken that subject. Each Notification channel can have a different Notification sound and different behavior that you can change from the Notification setting page. I forgot to tell you that Google has introduced the Notification channel from Android 8.0 i.e API level 26. Now yo...
Post a Comment

Android Push Notification using FCM for Titanium

-
In this blog, I am going to integrate the push notification in my Titanium app using the FCM module provide  by the Hans ( hansemannn) . I have used another module for FCM but that was not working on devices running Oreo and i was looking for other modules and i came across this module and it was working fine on Oreo devices and it also provides me option to customise  the notifications also.

Integrating FCM

Assuming that you are familiar with Firebase cloud messaging, I am going to create a new project in the Firebase console. you can go to the Firebase console by using this URL.



 you have to click on Add project to create a new Firebase project then it will open a pop up box where you can enter the details of your new app.



I have entered app name  as NotificationDemo1 and you can also add Firebase to your  existing app by selecting it from the dropdown menu and you have two select the two checkboxes and clicl on create project.


We are  doing it for Android so we have to click on Android icon and then we will get the option to register our app on the Firebase where we have to provide information of package name of our Android app, App nickname ( optional ) and Debug Signing Certificate SHA-1 ( optional)  and you have to register you application.


You have to click on register app and then you have to download the google-services.json file which contains project-id's and tracking-id's and such, generated by the Google API developer console into the google-services.json file. You have to click the next button for the the rest of process and when you came to step 4 then you have to "Run your app to verify installation" click the skip this steps button and Now, we have successfully completed the firebase project.

Titanium Integration

We will add the firebase.cloudmessaging, firebase.core and ti.playservices modules to our tiapp.xml file. you can read more about this module over here. We also have to add the google-services.json file to our assets/android folder which will picked up by the module for information related to the firebase app. You will get your token inside the console window.

Index.js

// Configure core module (required for all Firebase modules).
var core = require('firebase.core');
core.configure({
 file : "google-services.json"
});
var fcm = require('firebase.cloudmessaging');

function registerAndroid() {
 // Called when the Firebase token is registered or refreshed.
 fcm.addEventListener('didRefreshRegistrationToken', function(e) {
  Ti.API.info('Token', e.fcmToken);
  Ti.App.Properties.setString('push_token', e.fcmToken);
 });

 // Called when direct messages arrive. Note that these are different from push notifications.
 fcm.addEventListener('didReceiveMessage', function(e) {
  Ti.API.info('Message', e.message);
 });

 // Register the device with the FCM service.
 fcm.registerForPushNotifications();

 // Check if token is already available.
 if (fcm.fcmToken) {
  Ti.API.info('FCM-Token', fcm.fcmToken);
  Ti.App.Properties.setString('push_token', fcm.fcmToken);

 } else {
  Ti.API.info('Token is empty. Waiting for the token callback ...');
 }
}

registerAndroid();

$.index.open();

tiapp.xml


<modules>
        <module platform="android">firebase.cloudmessaging</module>
        <module platform="android">firebase.core</module>
        <module platform="android">ti.playservices</module>
    </modules>

Postman

I have used postman to send data message . You have to copy Legacy Server Key from Firebase console > Project Settings > Cloud Messaging 

You have to add below header to your Post request.
Authorization : Key=<Legacy_server_key>  or  Key=<server_key> 
Content-Type: application/json

You have to copy the device token from the console window and you have to paste it inside the  registration_ids array inside the body of post request. If you wanted to send notification to more then one devices then token should be comma separated inside the registration_ids field.


you can import the postman collection from this link.

This is how it will look in the device when you trigger the notification from postman.



Cheers !!!

Comments

Post a Comment

Popular posts from this blog

Webview data directory for Android 9 (Pie)

-
Image
From Crashlytics report, i got to know that my app is crashing on Android 9 devices. After checking stacktrace log, it was related to data directory of webview running in multiprocess . Webview data directory store cookies, HTTP caches, and other persistent and temporary storage related to web browsing. java.lang.IllegalStateException: Can't set data directory suffix: WebView already initialized After reading Google documentation, It was clear that from android 9 webview running in multiprocess can not share same data directory so we have to make sure that webview in each process must have it’s own data directory which we can set by calling Webview.setDataDirectorySuffix(). To fix this issue, I have updated my application to check if my current process is other then my main process so i will set data directory to webview. By default, applications component run in a single  process  until and unless you run component in another  process . You can specify the pro...
Read more

Tabs in Android

-
You need to use a TabHost and a TabWidget. The TabHost must be the root node for the layout, which contains both the TabWidget for displaying the tabs and a FrameLayout for displaying the tab content.TabHost allows the user to create tabs. main.xml:     <?xml version="1.0" encoding="utf-8"?> <TabHost xmlns:android="http://schemas.android.com/apk/res/android"         android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent" > <LinearLayout android:id="@+id/LinearLayout01" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/bckground" android:orientation="vertical" android:padding="5dp" > <TabWidget    android:id="@android:id/tabs"    android:layout_width="fill_parent...
Read more

DatePicker in Android

-
Using DatePicker user can set a specific date by setting the day,month and year of DatePIcker.I am going to show you an example,There will be two buttons btnset and btndisplay.When user will click on btnset it will display  a dialog box and user will select the date and after selecting date when user will click on btndisplay it will display the date previously selected by user. 1.) Create a Project DatePickerExample. 2.) Create a date_picker.xml in res/layout. 3.) Put the following code in date_picker.xml :       <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"   > <Button    android:id="@+id/btnset"    android:layout_width="wrap_content"    android:layout_height="wrap_content...
Read more