Angular-gcm is a simple service allowing users to subscribe to Google Cloud Messaging API.
bower install angular-gcm
- Place
manifest.jsonon your root domain and change thegcm_sender_idby the number of your project:
"gcm_sender_id": "my_project_number",- Add
<link rel="manifest" href="manifest.json">on the header of your index.html :
<head>
...
<link rel="manifest" href="manifest.json">
...
</head>-
Place
service-worker.json your root domain and edit it to suite you needs. -
Declare
angular-gcm.jsscript.
in your app :
.run(['$rootScope', 'Server', function ($rootScope, Server) {
$rootScope.serviceWorkerUrl = Server.baseUrl + '/service-worker.js';
$rootScope.subscribePostUrl = Server.baseUrl + '/register';
}])available function:
- changeState ( subscribe/ unsubscribe )
- getState
- getSubscriptionId
note : you need to have an https website to allow users to subscribe
On the server side you must call the Google Cloud Messaging API using the POSTed subscriber token to send a notification :
curl --header "Authorization: key=your_gcm_server_key"
--header Content-Type:"application/json"
https://android.googleapis.com/gcm/send
-d "{\"registration_ids\":[\"subscriber_token\"]}"Google GCM Doc : https://developers.google.com/cloud-messaging/