Android+CordovaでPUSH通知を受け取る方法

index.jsに以下を追記します。

FCMPlugin.onNotification(
  function(data){
    if(data.wasTapped){
      console.log(JSON.stringify(data));
      alert( JSON.stringify(data.body));
      alert( JSON.stringify(data.title));
    }else{
      console.log(JSON.stringify(data));
      alert( JSON.stringify(data.body));
      alert( JSON.stringify(data.title));
    }
  }
);

これでFirebaseコンソールからFCMを実行してみます。

画面左側の「Cloud Messaging」を押します。

「Send your first message」を押します。

「テストメッセージを送信」を押します。

「FCM登録トークンを追加」欄にデバッグコンソールに出力されるデバイストークンを設定します。

「テスト」を押します。

表示されることが確認できます。スリープモードの状態でプッシュ通知のテストをすると以下の画面が表示されます。

index.jsの全ソースは以下です。

var app = {
  initialize: function() {
    document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
  },
  onDeviceReady: function() {
    this.receivedEvent('deviceready');
  },
  receivedEvent: function(id) {
    var parentElement = document.getElementById(id);
    var listeningElement = parentElement.querySelector('.listening');
    var receivedElement = parentElement.querySelector('.received');

    listeningElement.setAttribute('style', 'display:none;');
    receivedElement.setAttribute('style', 'display:block;');

    console.log('Received Event: ' + id);
    console.log('test:' + cordova.platformId);
    FCMPlugin.getToken(function(token){
      console.log('success:' + token);
      alert(token);
    },
    function(err){
      console.log('Error:'+ err);
      alert(err);
    });

    FCMPlugin.onNotification(
      function(data){
        if(data.wasTapped){
          alert(JSON.stringify(data.body));
          alert(JSON.stringify(data.title));
        }else{
          console.log(JSON.stringify(data));
          alert(JSON.stringify(data.body));
          alert(JSON.stringify(data.title));
        }
      }
    );
  }
};

app.initialize();

高橋

KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80～120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^
資格：少額短期保険募集人,FP3級