Push notifications

Hi David,

Well, I have had a productive week as I now have all of the google mapping stuff working and I also hit a home run with instant messaging and have it working using a firebase realtime database back-end. Thanks for all of your help in getting this far!

One of my final hurdles is to get push notifications working. I have started by trying to get the PushPlugin sample working (AB1) so that I can figure it all out. As soon as the app runs on my phone I get the error about registering. I can see that this is coming from the RegisterPush function. I also see in your example description:

Also, take a look at the app configuration, in particular de Cordova options: you can see how we include the referred plugin as a custom plugin, and also how we need to add some extra XML code using the Cordova -> Configuration -> Extra XML option.

I can see the extra XML code as mentioned but the custom plugin text box in Cordova -> General is empty. Should there be something defined in this box? What do I need to do to get this sample working so that I can start to create my own solution?

Cheers, Pete

Hello Peter,

Take a look at the App options -> Cordova -> Batch -> After. As you can see we use that to require the "add phonegap-plugin-push" plugin to be installed. About the registration fail, it's a mistake: look at the "SendRegisterID" app function and change the URL of the used HTTP Client control to HTTPS. We can't use HTTP in Android 9+ except if we add some especific option to allow it. If you change the URL to HTTPS you can see the app successfully register.

---

Hi, Thanks for that but still no luck. I am thinking that this AB1 sample is based on Google cloud service rather than Firebase Cloud Messaging which is now defunct? The AB2 sample (PushNotif) seems to work and looks like it is working with the FCM which replaced GCM? Pete

Hello Peter,

Humm... in fact AB1 and AB2 uses the same Cordova plugin... and I compile the AB1 sample here and works as expected. Yesterday I receive some push notifications... and think that come from you testing the sample app. :-)

You must refer to the Cordova plugin documentation in order to see if the plugin's configuration did not allow what you wanted or if allow what you wanted... but it's rare that the AB2 sample works for you and the AB1 don't, because, we are talking about the same internally...

---

Okay thanks, I will take another look.
Pete

Hello Peter,

We use push notifications in various apps, and, works like a charm. We use a Firebase Cloud Messaging account from Google for both Android and iOS platforms. So yes, take a look again, because the app must work as expected in AB1 and AB2 (the app which I am talking about is developed in AB1 right now).

---

Hi David,

I must be doing something centrally wrong. I have opened up a fresh and clean instance of PushPlugin.ab and make the single change in it to set the HttpSetUrl to https instead of http. I then compile the app and go into the compiled folder and click on cordova_android_run.bat but I am getting the following error:

Created by DecSoft's App Builder v2019.56 More information at https://www.decsoftutils.com/ Using cordova-fetch for cordova-android@^8.0.0 Adding android project... Creating Cordova project for the Android platform: Path: platforms\android Package: com.appbuilder.pushplugin Name: PushPlugin Activity: MainActivity Android target: android-28 Subproject Path: CordovaLib Subproject Path: app Android project created with cordova-android@8.1.0 Installing "phonegap-plugin-push" for android Installing "cordova-support-google-services" for android Subproject Path: CordovaLib Subproject Path: app Installing "phonegap-plugin-multidex" for android Subproject Path: CordovaLib Subproject Path: app Subproject Path: CordovaLib Subproject Path: app Adding phonegap-plugin-push to package.json Installing "cordova-plugin-whitelist" for android Adding cordova-plugin-whitelist to package.json Installing "cordova-plugin-splashscreen" for android Adding cordova-plugin-splashscreen to package.json Checking Java JDK and Android SDK versions ANDROID_SDK_ROOT=undefined (recommended setting) ANDROID_HOME=C:\Users\peteb\AppData\Local\Android\sdk (DEPRECATED) Picked up _JAVA_OPTIONS: -Xmx512M Starting a Gradle Daemon, 1 incompatible and 1 stopped Daemons could not be reused, use --status for details BUILD SUCCESSFUL in 10s 1 actionable task: 1 executed Subproject Path: CordovaLib Subproject Path: app > Configure project :app registerResGeneratingTask is deprecated, use registerGeneratedResFolders(FileCollection) registerResGeneratingTask is deprecated, use registerGeneratedResFolders(FileCollection) > Task :app:preBuild UP-TO-DATE > Task :CordovaLib:preBuild UP-TO-DATE > Task :CordovaLib:preDebugBuild UP-TO-DATE > Task :CordovaLib:checkDebugManifest > Task :CordovaLib:processDebugManifest > Task :app:preDebugBuild > Task :CordovaLib:compileDebugAidl NO-SOURCE > Task :app:compileDebugAidl NO-SOURCE > Task :CordovaLib:packageDebugRenderscript NO-SOURCE > Task :app:compileDebugRenderscript > Task :app:checkDebugManifest > Task :app:generateDebugBuildConfig > Task :app:prepareLintJar > Task :app:generateDebugSources > Task :CordovaLib:compileDebugRenderscript > Task :CordovaLib:generateDebugBuildConfig > Task :CordovaLib:generateDebugResValues > Task :CordovaLib:generateDebugResources > Task :CordovaLib:packageDebugResources > Task :CordovaLib:generateDebugRFile > Task :CordovaLib:prepareLintJar > Task :CordovaLib:generateDebugSources > Task :CordovaLib:javaPreCompileDebug > Task :CordovaLib:compileDebugJavaWithJavac > Task :CordovaLib:processDebugJavaRes NO-SOURCE > Task :CordovaLib:transformClassesAndResourcesWithPrepareIntermediateJarsForDebug > Task :app:javaPreCompileDebug > Task :app:mainApkListPersistenceDebug > Task :app:generateDebugResValues > Task :app:generateDebugResources > Task :app:writeDebugApplicationId > Task :app:processDebugGoogleServices Parsing json file: C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\app\google-services.json > Task :app:mergeDebugResources > Task :app:createDebugCompatibleScreenManifests C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\app\src\main\AndroidManifest.xml Error: uses-sdk:minSdkVersion 15 cannot be smaller than version 19 declared in library [:CordovaLib] C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\CordovaLib\build\intermediates\library_manifest\debug\AndroidManifest.xml as the library might be using APIs not available in 15 Suggestion: use a compatible library with a minSdk of at most 15, or increase this project's minSdk version to at least 19, or use tools:overrideLibrary="org.apache.cordova" to force usage (may lead to runtime failures) FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:processDebugManifest'. > Manifest merger failed : uses-sdk:minSdkVersion 15 cannot be smaller than version 19 declared in library [:CordovaLib] C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\CordovaLib\build\intermediates\library_manifest\debug\AndroidManifest.xml as the library might be using APIs not available in 15 Suggestion: use a compatible library with a minSdk of at most 15, or increase this project's minSdk version to at least 19, or use tools:overrideLibrary="org.apache.cordova" to force usage (may lead to runtime failures) * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 6s > Task :app:processDebugManifest FAILED See http://g.co/androidstudio/manifest-merger for more information about the manifest merger. 24 actionable tasks: 24 executed C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\gradlew: Command failed with exit code 1 Error output: C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\app\src\main\AndroidManifest.xml Error: uses-sdk:minSdkVersion 15 cannot be smaller than version 19 declared in library [:CordovaLib] C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\CordovaLib\build\intermediates\library_manifest\debug\AndroidManifest.xml as the library might be using APIs not available in 15 Suggestion: use a compatible library with a minSdk of at most 15, or increase this project's minSdk version to at least 19, or use tools:overrideLibrary="org.apache.cordova" to force usage (may lead to runtime failures) FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:processDebugManifest'. > Manifest merger failed : uses-sdk:minSdkVersion 15 cannot be smaller than version 19 declared in library [:CordovaLib] C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\CordovaLib\build\intermediates\library_manifest\debug\AndroidManifest.xml as the library might be using APIs not available in 15 Suggestion: use a compatible library with a minSdk of at most 15, or increase this project's minSdk version to at least 19, or use tools:overrideLibrary="org.apache.cordova" to force usage (may lead to runtime failures) * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 6s Picked up _JAVA_OPTIONS: -Xmx512M 'adb' is not recognized as an internal or external command, operable program or batch file. 'adb' is not recognized as an internal or external command, operable program or batch file. Press any key to continue . . .

I am assuming that the error that is breaking it is referring to minSdkVersion but I am not sure where that is set? Any ideas?

Pete

Hello Peter,

Yes; since you refer before that you can try the app, I asume that you already see the "min SDK problem" and then can compile the APK. Certainly, you must change the "min SDK" to API 19. You can do it in the app options -> Cordova -> Android -> Genera -> Minimum SDK.

---

Sorry, I was not paying attention and didn't realize that I had the min sdk way too low. I have fixed it and it is working now. Now that I have a working example I should be able to take it from here. Thanks! Pete

No problem, Peter. Just post here if you have any question: as I told you we are using push notifications and works very well, so, probably I can help you, or, at least I will try it.

---

Having the sample running you may find this document helpful

https://firebase.google.com/docs/cloud-messaging/http-server-ref
android and ios accept two different notification payload format. In my case I really wanted to send the icon that android accepts but ios does not, so I read user device platform and send notifications with different formats like below.

// when there is data in notification set, android does not read data set. ios on the other hand reads title and message only from notification set if($version_finder == 'ios') { $notification = array('title' => $title, 'text' => $message, 'sound' => 'default', 'icon' => $icon, 'color' => $color); $postData = array ( 'registration_ids' => $notif_ids, 'notification' => $notification, 'priority' => 'high' ); } else { $data = array('title' => $title, 'message' => $message,'icon' => $icon, 'color' => $color, 'image' => $image); $postData = array ( 'registration_ids' => $notif_ids, 'data' => $data ); }

Having the sample running you may find this document helpful

https://firebase.google.com/docs/cloud-messaging/http-server-ref
android and ios accept two different notification payload format. In my case I really wanted to send the icon that android accepts but ios does not, so I read user device platform and send notifications with different formats like below.

// when there is data in notification set, android does not read data set. ios on the other hand reads title and message only from notification set if($version_finder == 'ios') { $notification = array('title' => $title, 'text' => $message, 'sound' => 'default', 'icon' => $icon, 'color' => $color); $postData = array ( 'registration_ids' => $notif_ids, 'notification' => $notification, 'priority' => 'high' ); } else { $data = array('title' => $title, 'message' => $message,'icon' => $icon, 'color' => $color, 'image' => $image); $postData = array ( 'registration_ids' => $notif_ids, 'data' => $data ); }

Hello to all,

Thanks, Amin, for share such information here. You are right, of course, Android and iOS can have different notifications' payloads.

---

Hello friends,

i have a problem with push notification,

in the example of Amin Mousavi i ADD a path to the $icon variable

$icon = "pathsite.png" (72x72px) $data = array('title' => $title, 'message' => $message,'icon' => $icon, 'color' => $color, 'image' => $image);

The result is: icon is EMPTY.

it looks like i need to add metadata,

<meta-data android:name="com.google.firebase.messaging.default_notification_icon" android:resource="@mipmap/ic_launcher"> (Is correct?)

(I would also like the native app icon)

but where? I tried insert into METATAGS OPTIONS.

what are the correct steps? I tried to read more documents, without success

Happy Christmas to All

Hello to all,

I think the meta tag is not required at all, at least, I don't use it here in the apps that I develop, who receives push notifications. If you problem is only the icon, I think you must provide an absolute URL for that icon, or, maybe an app's local image path for that icon: that also works.

Below you can see the PHP code (a bit commented) that we use in various apps to send push notifications. The intention of the code is that you can get the whole idea and some useful notes, Paolo: the code is not to be used "as is", but I hope you can get the whole idea. Maybe can be good to copy the below code and paste it in your favorite PHP IDE, so you get the advantage of the syntax highlighting.

/** * This PHP function is in fact a method of certain class, that we use to send push notifications. * * The purpose of the below code is to give you some ideas, Paolo, hoping that you can be ready with * your own push notifications. You no need to follow the code "as is", but just get the whole idea. * * This method / function receives an Array of users IDs, which are in our app server database. The * method also receives the type of the notification (because we send various types of it), so when * when the app receives the push notifications, depending on the type, we redirect to one app's view * or to another app's view. * * Finally the method receive an URL (to be shown to the user), which is completely optional, the * title of the notification, as well the short text and a larger text to be used. * */ private function sendPushNotification($usersIds, $type, $url, $title, $shortText, $largeText) { /** * This is also a specific case for my apps: we use an Oracle database, who limits the IDs which * we can place in the "IN" clause at the query to no more than 1000, so we divide the required * users IDs in packs of 500. */ $users = array(); $usersIdsPacks = array_chunk($usersIds, 500); foreach ($usersIdsPacks as $usersPack) { $commaUsersIds = implode(',', $usersPack); $users[] = Database::getResults( "SELECT * FROM RECURSOS.APPEMPLEADOS_USERS INNER JOIN RECURSOS.APPEMPLEADOS_PUSH ON (RECURSOS.APPEMPLEADOS_PUSH.USUARIO_ID = \"USER\") WHERE \"USER\" IN ({$commaUsersIds})"); } /** * Now we will to conform the Arrays of push IDs to send the pusn notifications. * Note that one of the things that we do is to save into our database the platform * of the users, since our apps are deployed in Android and iOS. (More on this below) */ $iosPushsIds = array(); $androidPushsIds = array(); foreach ($users as $usersPack) { foreach ($usersPack as $user) { if ($user->PUSH_ID !== null) { if (strtolower($user->DEVICE_PLATFORM) === 'android') { $androidPushsIds[] = $user->PUSH_ID; } else { $iosPushsIds[] = $user->PUSH_ID; } } } } /** * We have now in a couple of PHP arrays the pushs IDs to be used, for Android and for iOS. * * Google also limits the push notifications to be send at the same time to 1000, so, we do * the same than above: divide the push IDs in packs of 500. */ /** * We first deal with the pushs IDs of iOS users: note that here is no icon in the payload. */ if (!empty($iosPushsIds)) { $iosPushsIdsPacks = array_chunk($iosPushsIds, 500); foreach ($iosPushsIdsPacks as $IdsPack) { $postData = array( 'registration_ids' => $IdsPack, 'priority' => 'high', 'notification' => array( 'title' => $title, 'body' => $shortText, 'sound' => 'default', 'no-cache' => 1, 'visibility' => 1, 'vibrate' => 1 ), 'data' => array( 'large' => $largeText, 'url' => $url, 'type' => $type, 'date' => date('d/m/Y H:i:s') ) ); // This is the function that send the notifications: see it below $this->doSendPushNotification($postData); } } /** * Now we want to prepare the post data for Android users: we do the same, * pack the pushs IDs in 500 packets, to avoid the 1000 limits what Google impose. * * Note that in this payload we include an icon: we save the icons to be used as * files in the app, and, note also that the type (this is something that maybe * you no need) of the notification determine the icon file name. */ if (!empty($androidPushsIds)) { $androidPushsIdsPacks = array_chunk($androidPushsIds, 500); foreach ($androidPushsIdsPacks as $IdsPack) { $postData = array( 'registration_ids' => $IdsPack, 'priority' => 'high', 'data' => array( 'title' => $title, 'body' => $shortText, 'large' => $largeText, 'url' => $url, 'type' => $type, 'date' => date('d/m/Y H:i:s'), 'sound' => 'default', 'no-cache' => 1, 'visibility' => 1, 'vibrate' => 1, 'icon' => 'pushicon', 'image' => "www/app/files/imagenes-push/{$type}.png" ) ); $this->doSendPushNotification($postData); } } } /** * This method is who really send the push notification, receiving the post data that * we conform in the above method. Note that you must place the API key that Google * provides to you. Note also that we use here PHP CURL, but, you can also use another * kind of library to made the HTTP POST to Google. * */ private function doSendPushNotification($postData) { $result = ''; $headers = array( 'Authorization: key=' . 'HERE YOUR API KEY, something like AIzaSyBN2wf31LROA8Q4xi4-sLjT_3wCa23xD_7I', 'Content-Type: application/json; charset=utf-8' ); $request = curl_init(); curl_setopt($request, CURLOPT_URL, 'https://fcm.googleapis.com/fcm/send'); curl_setopt($request, CURLOPT_POST, true); curl_setopt($request, CURLOPT_HTTPHEADER, $headers); curl_setopt($request, CURLOPT_RETURNTRANSFER, true); curl_setopt($request, CURLOPT_POSTFIELDS, json_encode($postData)); $response = curl_exec($request); if (curl_errno($request)) { $result = curl_error($request); } else { $jsonResponse = json_decode($response); if ($jsonResponse->failure > 0) { $result = $response; // Error } } curl_close($request); return $result; }

If you have any further questions, don't hesitate to post it here in this thread, or just open a new thread without problems. Merry Christmas and Happy New Year to you and for everybody! :-)

---

Hello to all,

After publish my previous post I find something in the code that can confuse you, Paolo. I will try to explain it here. As you can see, in the Android payload of the push notification, we use a couple of keys "icon" and "image". Well, the "image" key is the path of an app's file, and, appear in the push notification (but I can't tell you exactly in what place).

But the "icon" key is different... we see in the code that we use the "pushicon" string. So where is this "pushicon"? Ok. This push icon is also an app's image file, but, must be established using the app's Cordova Extra XML option, exactly like you see below:

<platform name="android"> <resource-file src="..\fcm\google-services.json" target="app/google-services.json"> <resource-file src="www\app\images\pushicon.png" target="res/drawable/pushicon.png"> </platform>

Above you can see two things: the first one is something that may you no need, but, that can be useful: it's an instructions to Apache Cordova to copy our app's "google-services.json" (used for push notifications) in the right app's path, so we no need to do manually.

The below instructions is what is related with the icon. What we do is to copy an image file which is added by the app into the right folder to be used when the app is compiled with Apache Cordova. This all is documented in the push notification plugin here.

So for the "icon" key of the payload for Android we are indicating the name of an image file: and this image file is an image file that we add in the app using the app's files manager. Then we use the Cordova Extra XML configuration option to copy this file into the right place, following the push plugin documentation. For that reason the "icon" file is not a path (like I suggest in my previous post), but the name (without extension) of a PNG file, which must be found in the "res/drawable" directory of the app.

I hope you can get it working, Paolo, however, remember that you can post here or in a new thread if you have any further questions.

---

Hello David, Thank you very much for the reply, i am looking carefully at your code,

'icon' => 'pushicon'

I also tried to put the absolute path of the image online, but it always gives me the empty icon.

"https: //mysite/images/icon.png" (I also tried with an .ico file)

(I also created the image 72x72px)

Hello Paolo,

Yes; it's my mistake! After publish my post I find the mistake and then publish this other post trying to explain the "icon" key. Please, read it and don't hesitate to post here if you have any further questions!

---

Hello Paolo,

Please, upgrade your copy of DecSoft App Builder: I publish a new release enhancing the "CordovaPushNotifications" sample app in order to use a "icon" key in the Android payload. Basically take a look at the app's Files manager: you can see an icon included under the "Images" tab. Then take a look also at the app's Cordova Extra XML configuration option, and, finally, look at the server's PHP script "sendpush.php", in which we "define" the "icon" to be used.

---

I was hoping and I was convinced that I have solved but not yet, now as per your procedure inside "\ android \ res \ drawable" I have the "pushicon" file and on the php code ''icon '=>' pushicon '" but still can't see each other! what's missing? thank you very much for your availability !! Answer when you have time, think about Christmas! :) smack!

Hello Paolo,

I was hoping and I was convinced that I have solved but not yet, now as per your procedure inside "\ android \ res \ drawable" I have the "pushicon" file and on the php code '' icon '=>' pushicon '"but still can't see each other! what's missing? thank you very much for your availability !! Answer when you have time, think about Christmas! :) smack!

I think we are crossing our messages. :-) Please, take a look at my very last post.

---

Hi Paolo,

Most of the work for notifications takes place at server side. You have to install the plugin on the client to generate the notification ID and post it on to the server. When you have the ID stored, you could use that to send notifications to the client. I used Firebase for this purpose and so the API key you see in the code below is coming from Firebase.

I have Improved the PHP files David has created for the server side to handle the payload formats needed for Android and ios users I leave the improved version below in case you find it of use.

<?php // Push notif keys // API key is provided by the Push service, for example Google Cloud Service. $apiKey = ''; // This is the endpoint URL for the Google Cloud Service API. $requestUrl = 'https://fcm.googleapis.com/fcm/send'; // Prepare the HTTP request authentication headers for Google $headers = array ( 'Authorization: key='.$apiKey, 'Content-Type: application/json' ); function send_notification($title, $message, $icon, $color, $image, $notif_ids, $version) { $version_finder = substr($version, -1); //to turn it into an int $version_finder = $version_finder + 0; // if version is even it is ios, else it is android. At this point we can prepare the push notification. includes title of the message, the message written below the title, the large image shown at the right end, // Prepare the HTTP POST data for the Google Cloud Service request: // Basically we need to provide the message payload and the registration // IDs which must receive our push notification message. // This works for android // when there is data in notification set, android does not read data set. ios on the other hand reads title and message only from notification set if($version_finder % 2 == 1) { $data = array('title' => $title, 'message' => $message,'icon' => $icon, 'color' => $color, 'image' => $image); $postData = array ( 'registration_ids' => $notif_ids, 'data' => $data ); } else { $notification = array('title' => $title, 'body' => $message, 'sound' => 'default', 'icon' => $icon, 'color' => $color); $postData = array ( 'registration_ids' => $notif_ids, 'notification' => $notification, 'priority' => 'high' ); } /* { $notification = array('title' => $title, 'text' => $message, 'sound' => 'default', 'icon' => $icon, 'color' => $color); $postData = array ( 'registration_ids' => $notif_ids, 'notification' => $notification, 'priority' => 'high' ); } */ // Setup CURL to make the Google Cloud Service HTTP request $request = curl_init(); curl_setopt($request, CURLOPT_URL, $GLOBALS['requestUrl']); curl_setopt($request, CURLOPT_POST, true); curl_setopt($request, CURLOPT_HTTPHEADER, $GLOBALS['headers']); curl_setopt($request, CURLOPT_RETURNTRANSFER, true); curl_setopt($request, CURLOPT_POSTFIELDS, json_encode($postData)); // And send the push notification! $result = curl_exec($request); if (curl_errno($request)) { //echo 'Push error: '.curl_error($request); // if there is an error we want it to be logged file_put_contents('/var/log/notification.log', "ERROR: ".curl_error($request)."\n", FILE_APPEND); } else { // removed as we do not need to display the returning results for every notif call (we can consider having it back on for web) //print_r($result); $message_failure = json_decode($result, True); //keeps the log date_default_timezone_set("Europe/Dublin"); $logdate = date("c"); $logtext = 'success:'.$message_failure[success].'--msg--'.$message.'--id--'.$notif_ids[0].'--'.$logdate; file_put_contents('/var/log/notification.log', "$logtext\n", FILE_APPEND); } curl_close($request); return $message_failure[failure]; }

Hello to all,

Yes; you are right, Amin: the most part is done in the server side. The app has something to say, of course, for example, when receive the push notification. The payload can tell us where to redirect the user, to one view or to another, or finally, what to do with a particular notification. In the particular case of the "icon" both client (the app) and server side is required: the app stores the icon and provide the right XML stuff in the Cordova Extra XML option to copy the icon in the expected place. Then the server refers to that icon in the push notification payload.

But you are right, the push notifications are mostly handled in the server side, and can be more or less complex, depending on our needs. In our app cases, for example, we store in the app's server database the push IDs, but also the users platform (that we take from the app using the Cordova Device plugin). Additinally we also saves the notifications itself in the database, becuase our apps offers a kind of "history of notifications", so we can show it to the users. Almost all of these stuff is optional, anyway, and, again, depend on the app that we are developing.

Thanks for sharing your code with us, Amin!

---

Hello to all,

Yesterday, as I post above, I prepare a new release of AB enhacing the "CordovaPushNotifications" sample app in order to use a personalized icon for the push notifications. I did not try the sample, because, I use exactly the same Cordova Extra XML configuration that I am using here in some of my own apps. This morning I will to try the sample app, and, to my surprise, the icon in the push notifications is not the expected one... but the default one: the app's icon itself.

Apparently my mistake was that I am using the same push icon than the app icon in my own apps, so, I can't see the problem until I try to use a completely different icon for the push notifications. Today I review the push plugin documentation and found that maybe the problem is that we must indicate more than one location for the push icon to be used. I am not sure about this, however, the point is that I can't see the icon working, so, I prepare a new Cordova Extra XML configuration option like below:

<platform name="android"> <resource-file src="..\Fcm\google-services.json" target="app/google-services.json"> <resource-file src="www\app\images\pushicon.png" target="app/src/main/res/drawable-mdpi/pushicon.png"> <resource-file src="www\app\images\pushicon.png" target="app/src/main/res/drawable-hdpi/pushicon.png"> <resource-file src="www\app\images\pushicon.png" target="app/src/main/res/drawable-xhdpi/pushicon.png"> <resource-file src="www\app\images\pushicon.png" target="app/src/main/res/drawable-xxhdpi/pushicon.png"> <resource-file src="www\app\images\pushicon.png" target="app/src/main/res/drawable-xxxhdpi/pushicon.png"> </platform>

Doing that, now yes, the "icon => pushicon" reference is working as expected. So I modify the "CordovaPushNotifications" sample app, in order to use the above configuration, and, prepare the payload (server side scripts samples) to use not only the "icon" key, but also the "image" key, just to see if that works as expected, and certainly it's working now as expected: both the prepared push icon and the image is what we can see in the push notification message.

I did not publish a new release of AB, but, I update the installers right now, so, please, download the current release (if you download it yesterday, you can't see a new release using the product's updater tool), in order to get ready with these modifications into the "CordovaPushNotifications" sample app. Now you can see how the "pushicon" works as expected, in addition to the "image" (also customized) that we use for the push notifications.

---

Wordeful,thanks, I'll try later!

PS: to make you understand that my level is not very low (with PHP) have already managed to manage notifications on the database, and create a form to send individual users. The next step is to study a little How it works the topic, expander notification, And above all interact with actions.

I want to clarify that each of your in-depth posts is really useful for me because I study it with a lot of attention, Before asking anything I try to do as many tests as possible.Really Thanks for everything

Hello to all,

PS: to make you understand that my level is not very low (with PHP) have already managed to manage notifications on the database, and create a form to send individual users. The next step is to study a little How it works the topic, expander notification, And above all interact with actions.

Sounds very good!

I want to clarify that each of your in-depth posts is really useful for me because I study it with a lot of attention, Before asking anything I try to do as many tests as possible.Really Thanks for everything

No problem, Paolo! Always thank you for your trust!

---

David, I would have liked to write to you, everything ok, solved, but unfortunately I have to tell you that it still hasn't been solved, it remains a mystery. I did as suggested, without missing any steps. The icon remains empty. To give you more details, the info put on the extra xml work and in the path "\ compiled \ platforms \ android \ app \ src \ main \ res \ drawable-mdpi" (etc), pushicon.png file is present. And in the php file the code is correct " 'icon' => 'pushicon'," To understand, I would also be content to see the default app icon, not necessarily a custom one

Hello Paolo,

Humm... it's quite rare... I try the sample app right now and works as expected, then maybe something is missing in your own implementation... I suggest you to try the sample app, because you must see that app working as expected, like I do. After you see the sample app working as expected, we can recognize that something is missing in your own implementation.

Maybe the push notification payload? Take a look also at the server's scripts of the sample app, Paolo, since I modify the push notification payload too.

---

I tried to compile your example (using your server)

The only change I make as mentioned in the past is to replace the plugin url in "Apache Cordova batch" in "CALL cordova plugin add @ havesource / cordova-plugin-push" otherwise I get this error

This is the log

My device is One Plus Nord

Hello Paolo,

About the error while using the push plugin ID... apparently it's an internet connection problem? I can't be sure right now... the only I can say is that I use the plugin ID as you can see in the sample app and works (is installed) as expected...

About the push notification's icon, note that the image is shown correctly... but the icon fails... what I think is that you are not including the icon in your app? But you say above that the icon is copied in the expected folders...

Certainly the icon is missing (because it's blue, and in your image it's appear gray...)... but, if the icon is included in the app as an image file, I can't imagine why it's not used as expected... just like I can see it here...

Maybe the problem with the plugin ID is causing the icon problem? You have any kind of firewall running in your PC? Maybe what we must try in the first place is to install the plugin using his plugin ID... because if I can do it here... you must also do it!

Maybe you can perform a search around the error that you get when try to use the plugin ID... maybe you can found the problem that disallow to use the plugin ID at the first place: maybe update / reinstall NodeJS and GIT can help? :-/

P.S. Note the error in the console: "There is an internet connection problem or the plugin ID is no correct"... since the plugin ID is correct... because it's what I am using here... maybe the problem is certainly something related with the internet connection?

---

Hello Paolo,

Please, try to upgrade / reinstall NodeJS. Additionally, try with other Android device (if possible) to see if the icon is shown properly. Why? Because the image that you post above shown an icon... which is not the app's icon... so apparently the custom icon is trying to be used? Maybe it's the Android version of your device has something to say too... what version of Android are you using?

---

Hello Paolo,

Just for your information... I try with the "@havesource/cordova-plugin-push" plugin ID (which you are using, if I am not wrong) and the sample app also works as expected here. So we can discard that the problem is realted with the the "original" plugin ID... the plugin ID which you are using is also working here as expected.

What version of Android you have installed in your device? Can you try with another device if possible?

---

By updating nodejs and Git, I no longer had the problem with the repository, if anyone has the same problem, they just have to update!

As for the icon problem, my mistake was to put an image (logo) as an icon, not respecting the parameters of the icon, by eye I think that more colors cannot be used!

Thanks publicly to David, who thanks to his availability made sure that we found the solution together!

My problem is SOLVED!

Hello Paolo,

Glad to know that you got it! :-)

---