【问题标题】:Phonegap PushNotification to open a specific app pagePhonegap PushNotification 打开特定应用页面
【发布时间】:2013-05-17 08:19:37
【问题描述】:

我正在为 Android/IOS 进行推送通知。我使用了 phonegap 推送插件https://github.com/phonegap-build/PushPlugin,它似乎工作得很好。

我现在正在我的设备上接收消息,问题是当我点击收到的消息时,它会转到 app index.html 页面。但是当我点击消息并在主页中时,我想打开其他页面,例如 home.html。 html 我将显示消息。

如何做到这一点?

MyPhoneGapActivity.java

package com.test;

import org.apache.cordova.DroidGap;
import android.os.Bundle;

public class MyPhoneGapActivity extends DroidGap {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.setIntegerProperty("splashscreen", R.drawable.splash);
        super.setIntegerProperty("loadUrlTimeoutValue", 60000); 
        super.loadUrl("file:///android_asset/www/index.html", 10000);
    }
}

index.js

<script type="text/javascript">
    var pushNotification;

    function onDeviceReady() {
        $("#app-status-ul").append('<li>deviceready event received</li>');

        document.addEventListener("backbutton", function(e)
        {
            $("#app-status-ul").append('<li>backbutton event received</li>');

            if( $("#home").length > 0)
            {
                // call this to get a new token each time. don't call it to reuse existing token.
                //pushNotification.unregister(successHandler, errorHandler);
                e.preventDefault();
                navigator.app.exitApp();
            }
            else
            {
                navigator.app.backHistory();
            }
        }, false);

        try 
        { 
            pushNotification = window.plugins.pushNotification;
            if (device.platform == 'android' || device.platform == 'Android') {
                $("#app-status-ul").append('<li>registering android</li>');
                pushNotification.register(successHandler, errorHandler, {"senderID":"661780372179","ecb":"onNotificationGCM"});     // required!
            } else {
                $("#app-status-ul").append('<li>registering iOS</li>');
                pushNotification.register(tokenHandler, errorHandler, {"badge":"true","sound":"true","alert":"true","ecb":"onNotificationAPN"});    // required!
            }
        }
        catch(err) 
        { 
            txt="There was an error on this page.\n\n"; 
            txt+="Error description: " + err.message + "\n\n"; 
            alert(txt); 
        } 
    }

    // handle APNS notifications for iOS
    function onNotificationAPN(e) {
        if (e.alert) {
             $("#app-status-ul").append('<li>push-notification: ' + e.alert + '</li>');
             navigator.notification.alert(e.alert);
        }

        if (e.sound) {
            var snd = new Media(e.sound);
            snd.play();
        }

        if (e.badge) {
            pushNotification.setApplicationIconBadgeNumber(successHandler, e.badge);
        }
    }

    // handle GCM notifications for Android
    function onNotificationGCM(e) {
        $("#app-status-ul").append('<li>EVENT -> RECEIVED:' + e.event + '</li>');

        switch( e.event )
        {
            case 'registered':
            if ( e.regid.length > 0 )
            {
                $("#app-status-ul").append('<li>REGISTERED -> REGID:' + e.regid + "</li>");
                // Your GCM push server needs to know the regID before it can push to this device
                // here is where you might want to send it the regID for later use.
                console.log("regID = " + e.regID);
            }
            break;

            case 'message':
                // if this flag is set, this notification happened while we were in the foreground.
                // you might want to play a sound to get the user's attention, throw up a dialog, etc.
                if (e.foreground)
                {
                    $("#app-status-ul").append('<li>--INLINE NOTIFICATION--' + '</li>');

                    // if the notification contains a soundname, play it.
                    var my_media = new Media("/android_asset/www/"+e.soundname);
                    my_media.play();
                }
                else
                {   // otherwise we were launched because the user touched a notification in the notification tray.
                    if (e.coldstart)
                        $("#app-status-ul").append('<li>--COLDSTART NOTIFICATION--' + '</li>');
                    else
                    $("#app-status-ul").append('<li>--BACKGROUND NOTIFICATION--' + '</li>');
                }

                $("#app-status-ul").append('<li>MESSAGE -> MSG: ' + e.payload.message + '</li>');
                $("#app-status-ul").append('<li>MESSAGE -> MSGCNT: ' + e.payload.msgcnt + '</li>');
            break;

            case 'error':
                $("#app-status-ul").append('<li>ERROR -> MSG:' + e.msg + '</li>');
            break;

            default:
                $("#app-status-ul").append('<li>EVENT -> Unknown, an event was received and we do not know what it is</li>');
            break;
        }
    }

    function tokenHandler (result) {
        $("#app-status-ul").append('<li>token: '+ result +'</li>');
        // Your iOS push server needs to know the token before it can push to this device
        // here is where you might want to send it the token for later use.
    }

    function successHandler (result) {
        $("#app-status-ul").append('<li>success:'+ result +'</li>');
    }

    function errorHandler (error) {
        $("#app-status-ul").append('<li>error:'+ error +'</li>');
    }

    document.addEventListener('deviceready', onDeviceReady, true);

 </script>

【问题讨论】:

    标签: android ios cordova push-notification


    【解决方案1】:

    你可以轻松做到这一点,

    第 1 步:打开您的 GCMIntentService.java 文件

    检查方法onMessage

    在该方法中,您会发现他们正在将意图传递给您的 MyPhoneGapActivity.java ...现在您要做的就是传递一些额外的信息...。 向意图传递一些额外信息

    检查这一行

    Intent notificationIntent = new Intent(context, MyPhoneGapActivity.class);
    //here you pass the information
    notificationIntent.putExtra ("url",url);
    

    你能看到上面我传递了额外的信息 url ...完整的代码见下面

      protected void onMessage(Context context, Intent intent) {
        Log.d(TAG, "onMessage - context: " + context);
    
        // Extract the payload from the message
        Bundle extras = intent.getExtras();
        if (extras != null)
        {
            boolean foreground = this.isInForeground();
    
            extras.putBoolean("foreground", foreground);
    
            if (foreground){
                PushHandlerActivity.sendToApp(extras);
            }else{
                String message = extras.getString("message");
                String title = extras.getString("title");
                Notification notif = new Notification(android.R.drawable.btn_star_big_on, message, System.currentTimeMillis() );
                notif.flags = Notification.FLAG_AUTO_CANCEL;
                notif.defaults |= Notification.DEFAULT_SOUND;
                notif.defaults |= Notification.DEFAULT_VIBRATE;
    
                String url = "notify";
    
                Intent notificationIntent = new Intent(context, MyPhoneGapActivity.class);
                //here you pass the information
                notificationIntent.putExtra ("url",url);
                notificationIntent.addFlags(Intent.FLAG_ACTIVITY_SINGLE_TOP);
                PendingIntent contentIntent = PendingIntent.getActivity(context, 0, notificationIntent, 0);
    
                notif.setLatestEventInfo(context, title, message, contentIntent);
                String ns = Context.NOTIFICATION_SERVICE;
                NotificationManager mNotificationManager = (NotificationManager) context.getSystemService(ns);
                mNotificationManager.notify(1, notif);
            }
        }
      }
    

    第 2 步:

    在您的 MyPhoneGapActivity.java 中

    package com.test;
    
    import org.apache.cordova.DroidGap;
    
    import android.os.Bundle;
    
    public class MyPhoneGapActivity extends DroidGap {
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            super.setIntegerProperty("splashscreen", R.drawable.splash);
            super.setIntegerProperty("loadUrlTimeoutValue", 60000); 
    
            Bundle extras = getIntent().getExtras();
            String message = extras.getString("url");
            if(message == "notify"){
                super.loadUrl("file:///android_asset/www/home.html", 10000);
            }else{
                super.loadUrl("file:///android_asset/www/index.html", 10000);
            }
        }
    }
    

    现在就是这样,当您单击通知时,它将加载 home.html 文件:-)

    【讨论】:

    • Apple 推送通知是否也可以做同样的事情?我附加了 Phonegap Apple 推送通知插件,并希望在用户单击通知时更改页面。
    • 我在这个主要活动课程中写的每一件事都会在每次 Cordova 构建后消失。我应该怎么做才能保留我的更改?
    • @sdg:那真的很有帮助。一个问题是,当满足if(message == "notify") 条件时,启动屏幕后屏幕变白。需要注意的一件事是,在虚假情况下它会正常运行。
    • 有没有办法做到这一点是纯javascript?也许是超时和 window.location.assign('/foo/bar')?
    • 将url hash附加到launchUrl会更简单,更灵活,例如file:///android_asset/www/index.html#custompage或一些参数,例如file:///android_asset/www/index.html?page=custom。不需要home.html。当您的设备准备就绪时,只需使用 javascript 处理window.location.hash 或 url 参数。
    【解决方案2】:

    我以前从未使用过这个插件,但它看起来像在通知中传递了message,您可以在应用程序中处理。因此,您似乎可以在您的index.html 中阅读此消息,如果它包含某些特定字符串,请重定向到main.html 或您想去的任何地方。您可以在启动画面仍然可见或其他情况下执行此操作,这样用户就不会看到不和谐的页面重定向。

    【讨论】:

    • 我为我的应用程序做了一些与此非常相似的事情。我将一个参数传递给通知,如果我找到该参数,我会打开一个不同的页面或调用一个函数或 ....
    【解决方案3】:

    经过一番研究,我面临同样的问题,终于找到了我的解决方案,如果有人有同样的问题。请点击这些链接

    https://github.com/phonegap-build/PushPlugin/issues/213

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-07-01
      • 2020-11-17
      • 2015-09-26
      • 2017-12-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多