在Ionic中关闭我的应用程序后如何发送通知?

时间:2019-03-20 14:55:49

标签: ionic-framework localnotification

我正在使用Ionic进行移动开发,实际上是在使用LocalNotifications

每隔5分钟,我会检查服务器中是否有新问题:

this.checkQuestions();
this.IntervalId = setInterval(() => {
  this.checkQuestions();
}, 300000);

我的函数checkQuestions()用服务器的数据创建一个for()

  for (var i = 0; i < res.data.notificar.questions.length; i++) {
    this.localNotifications.schedule({
      id: i, 
      priority: 2,
      text: 'Produto: ' + res.data.notificar.questions[i].produto.substring(0, 20) + '...',
      title: 'Nova pergunta, conta: ' + res.data.notificar.questions[i].conta,
      smallIcon: 'res://notification',
      foreground: true,
    });
  }

问题是当我的应用程序关闭时,此逻辑无法运行,并且我的客户也未收到通知。在Ionic中,有其他方法可以在我的应用关闭时发送通知?

即使应用已关闭,我也需要每5分钟检查一次服务器中的数据。

1 个答案:

答案 0 :(得分:1)

如果您的用户杀死了该应用程序,则不能确保您的用户保持该应用程序处于活动状态。但是,如果您真的想尝试,可以使用this

最有效的方法是使用Push Notifications。当新数据将被存储时,您的服务器可以向您的应用发送通知。

编辑

在服务器端,您可以运行一个函数来发送带有以下内容的推送通知:

function sendGCM($message, $id) {


    $url = 'https://fcm.googleapis.com/fcm/send';

    $fields = array (
            'registration_ids' => array (
                    $id
            ),
            'data' => array (
                    "message" => $message
            )
    );
    $fields = json_encode ( $fields );

    $headers = array (
            'Authorization: key=' . "YOUR_KEY_HERE",
            'Content-Type: application/json'
    );

    $ch = curl_init ();
    curl_setopt ( $ch, CURLOPT_URL, $url );
    curl_setopt ( $ch, CURLOPT_POST, true );
    curl_setopt ( $ch, CURLOPT_HTTPHEADER, $headers );
    curl_setopt ( $ch, CURLOPT_RETURNTRANSFER, true );
    curl_setopt ( $ch, CURLOPT_POSTFIELDS, $fields );

    $result = curl_exec ( $ch );
    echo $result;
    curl_close ( $ch );
}

?>

如果需要,请每5分钟在php中运行一次此功能,但是在存储新数据时更好。

SOURCE

而且,在离子方面,您可以执行一个函数来在收到推送通知时获取数据。像这样:

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar, Splashscreen } from 'ionic-native';

import { HomePage } from '../pages/home/home';
import {
  Push,
  PushToken
} from '@ionic/cloud-angular';

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage = HomePage;

  constructor(platform: Platform, public push: Push) {
    platform.ready().then(() => {
      StatusBar.styleDefault();
      Splashscreen.hide();

      this.push.register().then((t: PushToken) => {
        return this.push.saveToken(t);
      }).then((t: PushToken) => {
        console.log('Token saved:', t.token);
      });

      this.push.rx.notification()
      .subscribe((msg) => {
        // CALL SERVE TO GET DATA
      });
    });
  }
}

SOURCE