cordova 推送 gcm

详细请看这个

http://devgirl.org/2013/07/17/tutorial-implement-push-notifications-in-your-phonegap-application/

 

一、 获取到gcm 需要的Google API project 的 Project Number 和 Server key.

详细内容看这里：http://developer.android.com/google/gcm/gs.html

 

1.创建Google API project（获取到Project Number）;

 

2. 让 GCM Service 运行；

 

3. 获得一个Server key （服务器上用到）；

                 

二、回到你的控制台；

1.运行 ： cordova create pushtest  —id “com.debbie.push” —name “pushtest”

2.运行 ：cd pushtest

3.运行 ：cordova platform add android

4.运行 ：cordova plugin add https://github.com/phonegap-build/PushPlugin

5.把pushtest/plugins/com.phonegap.plugins.PushPlugin/www/PushNotification.js 文件拷贝到

pushtest/www/js/ 下

6.在你的index.html 中添加引用PushNotification.js

<script type="text/javascript" src=“PushNotification.js"></script>

7. 在你的pushtest/www/js/index.js 中添加一下的代码；

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
var app = {
    // Application Constructor
    initialize: function() {
        this.bindEvents();
    },
    // Bind Event Listeners
    //
    // Bind any events that are required on startup. Common events are:
    // 'load', 'deviceready', 'offline', and 'online'.
    bindEvents: function() {
        document.addEventListener('deviceready', this.onDeviceReady, false);
    },
    // deviceready Event Handler
    //
    // The scope of 'this' is the event. In order to call the 'receivedEvent'
    // function, we must explicitly call 'app.receivedEvent(...);'
    onDeviceReady: function() {
        app.receivedEvent('deviceready');
         /*
        在 onDeviceReady 函数中添加注册推送信息；
        其中senderID 是在第一大点那里的 Project Number 
        如果注册失败则执行 app.errorHandler；
        如若注册成功 则执行 app.successHandler；并且执行成功回调函数 app.onNotificationGCM ，返回手机的注册号e.regid
         */
        var pushNotification = window.plugins.pushNotification;
         pushNotification.register(app.successHandler, app.errorHandler,{"senderID":"139669249027","ecb":"app.onNotificationGCM"});
    },
    // Update DOM on a Received Event
    receivedEvent: function(id) {
        var parentElement = document.getElementById(id);
        var listeningElement = parentElement.querySelector('.listening');
        var receivedElement = parentElement.querySelector('.received');

        listeningElement.setAttribute('style', 'display:none;');
        receivedElement.setAttribute('style', 'display:block;');

        console.log('Received Event: ' + id);
       
    },
    // result contains any message sent from the plugin call
    successHandler: function(result) {
        alert('Callback Success! Result = '+result)
    },
    errorHandler:function(error) {
        alert(error);
    },
    onNotificationGCM: function(e) {
        switch( e.event )
        {
            case 'registered':
                if ( e.regid.length > 0 )
                {
                    console.log("Regid " + e.regid);
                    alert('registration id = '+e.regid);
                }
                break;

            case 'message':
                // this is the actual push notification. its format depends on the data model from the push server
                alert('message = '+e.message+' msgcnt = '+e.msgcnt);
                break;

            case 'error':
                alert('GCM error = '+e.msg);
                break;

            default:
                alert('An unknown GCM event has occurred');
                break;
        }
    }
};

app.initialize();

 

三、

运行 ：cordova build android

如果成功，将弹出一个注册号的对话框；通过Eclipse的控制台 获取到注册号；如

四、

运行服务器；

运行： node pushtest

手机收到推送信息；

 

 

其中pushtest.js的具体内容如下；

var gcm = require('node-gcm');
var message = new gcm.Message();
 
//API Server Key

var sender = new gcm.Sender('AIzaSyBRfgV0W8kpNcvJXiFB5SqtMRF4-O7mWNE');  //pushtest
var registrationIds = [];
 
// Value the payload data to send...
message.addData('message',"hello ebookingxxxxx");
message.addData('title','Push Notification Sample' );
message.addData('msgcnt','3'); // Shows up in the notification in the status bar
message.addData('soundname','beep.wav'); //Sound to play upon notification receipt - put in the www folder in app
//message.collapseKey = 'demo';
//message.delayWhileIdle = true; //Default is false
message.timeToLive = 3000;// Duration in seconds to hold in GCM and retry before timing out. Default 4 weeks (2,419,200 seconds) if not specified.
 
// At least one reg id requiredAPA
registrationIds.push('APA91bECPd1Ygrsk-DwTGnVhyGgjpv3TGpzNVhJHrZ85GwURE-nArWEc3qcppD_ox9wXbNy17C_5L5xzsKAZtVGoXdBVjkEGjtcfA6HrjetA74lhSjvEDvzmf6Um2PY50g0KteNqAP5NH9HdhkuqYpQoxf8FMQHB9A');
 
/**
 * Parameters: message-literal, registrationIds-array, No. of retries, callback-function
 */
sender.send(message, registrationIds, 4, function (result) {
    console.log(result);
});