How i can send notifications when my app is closed in Ionic?

Question

I'm using Ionic for mobile dev, i'm actually using LocalNotifications

Every 5 minutes i check in my server if have new question:

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

My function checkQuestions() make a for() with the data of my server:

  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,
    });
  }

The problem is when my app is closed, this logic don't run and my customers don't receive the notifications. There's some alternative in Ionic to send notification when my app is closed?

I need to check every 5 minutes in my server even the app is closed.

Yes, but i need to check even 5 minutes in my server if have new questions, push notifications can do this? Any example? I just find example of push notifications that uses static data. — , Mar 20 '19 at 15:00
facebook uses these to notify you. they go seamlessly between mobile and desktop. look it up, it isn't too bad. https://developers.google.com/web/fundamentals/push-notifications/ — 2174714, Mar 20 '19 at 15:14

V. Pivet · Accepted Answer · 2019-03-21T11:55:03.930

If your user kill the app you can not make sure your user keep your app active. But if you really want to try you can use this.

The most efficient is to use Push Notifications. Your server can send notification to your app when new data will be stored.

EDIT

Server side you can run a function to send push notification with something like this :

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 );
}

?>

Run this function each 5 minutes in php if you want but better when new data are stored.

SOURCE

And, Ionic side, you can execute a function to get your data when you catch a push notification. Somethink like this :

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

I'm trying with push notifications but i don't find any example with how i can run every 5 minutes something in firebase. This will be solved with a integration of my backend and firebase? Any example please? — , Mar 21 '19 at 11:31

How i can send notifications when my app is closed in Ionic?

1 Answers1

Linked