Push notification with Cordova/phonegap + Location

Help and develop extra function comply with your request.

  • Straightforward setup and customized.
  • You’ll be able to view the situation of customers at backend.
  • Ship easy notification and Wealthy message to customers by choosing the situation you need to ship.
  • Handle Notification by class.
  • Backend can handle multi app.

A) App Construction – prime

1. You’ll be able to customized the app simply as a result of it’s constructed by cordova/phonegap (HTML5,CSS3 and JS)
2. Bootstrap three.zero helps you kickstart the event of the app.
three. forty+ javasrcipt plugin is accessible for you.
four. Change class get from backend aspect.
5. view wealthy messages.

To vary your app determine, please open /belongings/www/config.js

    
PushNotification.Area = ''; // your area of admin panel
PushNotification.PushNotificationAppId = ""; // Your Software ID ( enter what ever you need) to outline your app
var GCMCode = ""; // that is The google senderID (venture quantity)
        

Please comply with the steps under to get GCMcode:

  1. Open the Google Developers Console.
  2. In case you haven’t created an API venture but, click on Create Venture.
  3. Provide a challenge identify and click on Create.

    As soon as the challenge has been created, a web page seems that shows your venture ID and
    challenge quantity. For instance, Challenge Quantity: 670330094152.

  4. Copy down your undertaking quantity. You’ll use it afterward because the
    GCM sender ID.

Enabling the GCM Service

To allow the GCM service:

  1. Within the sidebar on the left, choose APIs & auth.
  2. Within the displayed record of APIs, flip the Google Cloud Messaging for Android
    toggle to ON.

B) Setup Admin Panel – prime

1. To start with. restore /database/admin.sql to your server.

2. Add supply code of backend to your net server.

three. Modify /config.php

$HOST = "localhost";
$USERNAME = "root";
$PASSWORD = "";
$DB = "gcm_admin";

outline("GOOGLE_API_KEY", ""); // Google API key 
        

To acquire an google API key:

  1. Open the Google Developers Console.
  2. Within the sidebar on the left, choose APIs & auth > Credentials.
  3. Underneath Public API entry, click on Create new key.
  4. Within the Create a brand new key dialog, click on Server key.
  5. Within the ensuing configuration dialog, provide your server’s IP tackle. For testing
    functions, you need to use zero.zero.zero.zero/zero.
  6. Click on Create.
  7. Within the refreshed web page, copy the
    API key.
    You will want the API key afterward to carry out authentication in your software server.
  8. Observe: If you could rotate the important thing, click on
    Regenerate key. A brand new key will probably be created. In the event you assume the important thing has been
    compromised and also you need to delete it instantly, click on Delete.

Now you possibly can log in backend

username: admin
password: 123456

* You possibly can change it at desk admin on Database.

Overview about Backend:

To ship notification, click on on Ship Push on the left aspect:


You’ll be able to choose the situation and search customers belong to the situation.
To ship wealthy messages, please present the hyperlink to content material (html pages). you possibly can ship hyperlink to an internet site, mini recreation,and so forth

To handle customers, click on on customers:

Click on on Location column of customers to view location of consumer:

To handle Notification, Click on on notifications at left aspect:

To handle class, click on on Classes

Lastly, you possibly can view report, click on on report on the left aspect

As soon as once more, thanks a lot for buying this app. As I stated initially,
I’d be glad that will help you when you have any questions referring to this theme.
No ensures, however I’ll do my greatest to help.
When you’ve got a extra common query referring to the app,
you may contemplate asking your query within the “Merchandise Dialogue” part.

RazorSoft