ionic 服务器消息推送,ionic 3中触发推送消息时的状态栏自定义?

它在前台工作得很好,但当应用程序在后台时,我收到了状态栏上的通知,但需要自定义解析json数据,以便只在状态栏通知弹出窗口上显示标题和消息。

我的

app.component.ts

文件:

const options: PushOptions = {

android: {

senderID: '1035756396756',

sound: "true"

},

ios: {

alert: 'true',

badge: false,

sound: 'true'

},

windows: {}

};

const pushObject: PushObject = this.push.init(options);

pushObject.on('registration').subscribe((data: any) => {

console.log('device token -> ' + data.registrationId);

this.storage.set('device_id', data.registrationId);

});

pushObject.on('notification').subscribe((data: any) => {

console.log('message -> ' + data.message);

let obj: noto_data = JSON.parse(data.message);

if (data.additionalData.foreground) {

this.database.addNotification(obj.userid, obj.message, 1);

this.broadcaster.fireNativeEvent('notification', {}).then(() => console.log('success'));

}else {

this.database.addNotification(obj.userid, obj.message, 1);

}

});

我添加了一个图像,当触发器推送消息来自后台。需要吗只显示标题和信息。

我怎么能那样做?

Ionic Angular 项目实现消息推送功能并打包为 Android APK,你可以按照以下步骤进行操作: 1. 配置 Firebase Cloud Messaging (FCM):首先,你需要在 Firebase 控制台创建一个项目,并启用 FCM。然后,在 Ionic 项目安装 Firebase 相关的插件和依赖,如 `@angular/fire` 和 `firebase`. 接下来,按照 Firebase 文档的指引,将你的应用连接到 Firebase 项目。 2. 安装 Cordova 插件:使用 Cordova 插件来与 Android 设备的原生推送服务进行交互。在终端或命令行进入 Ionic 项目的根目录,然后执行以下命令安装 Cordova 插件: ``` cordova plugin add cordova-plugin-fcm-with-dependecy-updated ``` 3. 配置 Android 平台:确保你已经添加了 Android 平台到 Ionic 项目(如果没有,可以通过运行 `ionic cordova platform add android` 添加)。然后,根据 FCM 插件的文档,在 `config.xml` 文件添加以下代码: ```xml <platform name="android"> <resource-file src="google-services.json" target="app/google-services.json" /> <preference name="FCM_ANDROID_SENDER_ID" value="your_sender_id" /> </platform> ``` 将 `your_sender_id` 替换为你在 Firebase 控制台获得的 FCM 发送者 ID。 4. 处理推送通知:在你的 Ionic Angular 项目,你可以使用 `@angular/fire` 提供的 `AngularFireMessaging` 服务来处理推送通知。在你的应用的相应页面或服务,注入 `AngularFireMessaging`,并编写代码来处理收到的推送通知。 ```typescript import { AngularFireMessaging } from '@angular/fire/messaging'; // ... constructor(private afMessaging: AngularFireMessaging) {} // 监听推送通知 listenForPushNotifications() { this.afMessaging.messages.subscribe((message) => { console.log('Received push notification', message); // 在这里处理推送通知的逻辑 }); } ``` 5. 构建 APK:完成上述配置后,你可以使用以下命令构建 Android APK: ``` ionic cordova build android --prod ``` 这将生成一个已经配置了消息推送功能的 Android APK 文件。 请注意,以上步骤仅提供了一个大致的指导,具体的实现细节和代码可能会因你的项目结构和需求而有所不同。建议你参考相关插件和工具的文档以获取更详细的信息,并根据实际情况进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值