使用离子框架的电话通知模拟

Question

我想从服务器向 ionic 客户端发送推送通知，并在客户端中显示此通知，就像打电话一样（移动设备应该播放声音并显示带有呼叫者信息的“接受”或“拒绝”按钮）。如果移动应用程序没有运行或在后台运行，它应该可以工作，这就是我决定使用 FCM 消息的原因。

this.storage.get('firebase_token').then((token) => {
  console.log('Orders get firebase token and call register. Token: ' + token);
  this.agentService.registerPushNotifications(token, () => {
       this.firebase.onNotificationOpen().subscribe((notification) => {

           // How to open the app and show the page with a ringtone ??

       });
  });
});

如何打开应用程序并在传入推送通知中显示带有铃声的呼叫页面？或者也许有更好的方法来实现这种功能。

Answer 1

Ionic 无法实现您所要求的（与电话相同的格式）。但是，您可以将用户重定向到应用程序内您要求他采取行动的视图。

以推送通知为例。在 app.components.ts 中，我在平台准备就绪时初始化此函数

  initializePushNotifications() {
    let pushObject = this.push.init({
      android: {
        senderID: 'Your ID Here',
        icon: 'logo'
      },
      ios: {
        alert: true,
        badge: false,
        sound: true
      },
      windows: {}
    });
    if (!pushObject['error']) {
      pushObject.on('registration').subscribe((data: RegistrationEventResponse) => {
          // Whatever you want to do
      }, err => {
        console.log('Couldnt register:', err);
      })
      pushObject.on('notification').subscribe((data: any) => {
        let self = this;
        // When the user click the push notification
        if (!data.additionalData.foreground) {
          switch (data.additionalData.entity_type) {
            case 'takeAction':
              this.openView(data.additionalData.user_name, data.additionalData.id);
              break;
              ......
          }
        }
      });
      pushObject.on('error').subscribe((e: any) => {
        console.log(e.message);
      });

    } else {
      console.error(pushObject);
    }
  }

看，在推送的消息中，我们在 additionalData 键下添加了一个对象，您可以在其中传递您想要的任何内容。你可以传递类似entity_type 的值takeAction。当用户单击它时，您可以打开一个新视图并传递其他参数，例如用户名和实体 ID 等。

在此屏幕上，您可以打开一个警报，要求用户单击是或否，然后根据他的输入触发正确的请求。

注意

我知道这与您的要求不同，但使用 Ionic 无法满足您的要求。