如何在 Ionic 框架中发送推送通知?

Posted

技术标签:

【中文标题】如何在 Ionic 框架中发送推送通知?【英文标题】:How to Send Push notification in Ionic Framework? 【发布时间】:2016-09-05 10:00:49 【问题描述】:

如何使用基于 Ionic 框架的 android 混合应用程序发送推送通知。 我是新手,请逐步指导我如何在 ionic 中发送推送通知? 我在 youtube 和其他网站上看到了不同的教程,但我很困惑在哪里添加这些网站上显示的代码。我有 GCM 项目编号 (SENDER_ID) 但不知道放在哪里。 请详细指导。 提前致谢。

【问题讨论】:

devdactic.com/ionic-push-notifications-guide 我做了与本教程中描述的相同...但我仍然感到困惑并且没有得到它。或者可能是我做错了什么.. 【参考方案1】:

尝试使用phonegap-plugin-push 吗?它易于实现和使用。

配置:

    var push = PushNotification.init(
        "android": 
            "senderID": "Your-sender-ID",
            "forceShow": true, // To show notifications on screen as well
            "iconColor": "#403782",
            "badge": "true",
            "clearBadge": "true" // To clear app badge
        ,
        "ios": 
            "alert": "true",
            "badge": "true",
            "clearBadge": "true",
            "sound": "true",
            "forceShow": "true"
        ,
        "windows": 
    );

设备注册:

    push.on('registration', function(data) 
            localStorage.setItem('pushToken', data.registrationId); // Save registration ID
    );

处理通知

    push.on('notification', function(data) 
        console.log(data);
        // Handle all requests here
        if (data.additionalData.$state == "mystate") 
            $state.go('app.conversations');
        
    )

【讨论】:

没关系,以后可能有人需要这个。

以上是关于如何在 Ionic 框架中发送推送通知?的主要内容,如果未能解决你的问题,请参考以下文章

使用 ionic 和谷歌云在网站上发送特定事件的推送通知

如何将推送通知中的图片发送到 ionic 2 应用程序

Ionic Firebase 推送通知问题

Ionic - 向同一组中的用户推送通知

点击推送通知后打开页面 Ionic 2 iOS

OneSignal如何向ionic2中的特定用户发送推送通知