ネットワーク非接続時に送信されたWebPushが届かない（FireBase使用時のみ）

Question

問題

Firebase(FCM)を使用し、スマホのChromeでWebPushを開発しています。

ServiceWorker.jsの登録やWebPushメッセージの送信・受信は正しく動作しました。
しかしながら、端末の電源がOFFになっていたり、ネットワークに接続されていない状態になっているタイミングなどで送ったWebPushメッセージが、接続回復後も一切受信されません。

かなり致命的な現象だと思うのですが、WebPushというのはそういうものなのでしょうか？
何か根本的な抜けがあるのでしょうか？

このあたりのページ
https://firebase.google.com/docs/cloud-messaging/concept-options?hl=ja
を見ますと、TTLは普通に指定不要で機能するようですし、別にFCMが保留しきれないほど（100通超え）のメッセージを送ったことはありません。

やってることは以下の通りです。

１：スマホで指定サイトに飛んで通知を許可（https://aaaaaa.jp）

２：取得したトークンを別Webサイトから送信（https://aaaaaa.jp/send.php）

３：スマホ側で通知を受信

この２の前に別手順「端末を機内モードにする」→「２」→「端末の機内モードを解除する」だけで、通知が受け取れません。
その後別の通知を送れば問題なく受信できます。

firebase-messaging-sw.js

console.log("start");

importScripts('https://www.gstatic.com/firebasejs/5.5.4/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/5.5.4/firebase-messaging.js');

console.log("imported");

firebase.initializeApp({
    'messagingSenderId': 'ｘｘｘｘｘｘ'
});

const messaging = firebase.messaging();

console.log("inited");
  

messaging.setBackgroundMessageHandler(function(payload) {

    console.log("backgroundworker start");

    const notificationTitle = payload.notification.title;
    const notificationOptions = {
        body: payload.notification.body,
        icon: payload.notification.icon
    };
    return self.registration.showNotification(notificationTitle, notificationOptions);
});

送信処理(send.php)

        // 送るメッセージ
        $json = '{
                "notification":
                {
                "title": "タイトルが入ります",
                "body": "本文が入ります",
                "icon": "logo.png",
                "click_action": "https://xxxxxx/send.php"
                },
                "to": "' .$token .'"
                }';
        
        $ch = curl_init();
        
        $headers = array(
            'Content-Type: application/json',
            'Authorization: key=xxxxxxx'
        );
        
        curl_setopt_array($ch, array(
            CURLOPT_URL => 'https://fcm.googleapis.com/fcm/send',
            CURLOPT_HTTPHEADER => $headers,
            CURLOPT_SSL_VERIFYPEER => false,
            CURLOPT_POST => true,
            CURLOPT_RETURNTRANSFER => true,
            CURLOPT_POSTFIELDS => $json
        ));
        
        $response = curl_exec($ch);
        
        curl_close($ch);
        

なお、まだテスト実装の状態ですが、
https://qiita.com/ryo_hisano/items/1171beca22d5a04ed802
様の記事を参考にさせていただいております。

2019.05.29追記：Firebaseの問題と思われる

追記です。

原因はおそらく、Firebaseにあるようです。
Firebaseを経由しない方法（Endpointに直接送信）を行うことで、電源OFF時、機内モード時などオフライン状態で送られた通知も受信することができるようになりました。
このため、タイトルにFirebase使用時のみの現象であることを追記しました。

リクエストの際のパラメータは上記PHPの通りですが、TTLやpriority、apnなどのパラメータの絡みでしょうか…。
あるいはFirebaseそのものの仕様…？？

現在使用中のサーバがPHP5.4（CentOS7）になるので、引き続きFirebaseでの解決方法を探しています。
よろしくお願いします。

Answer 1

先述の通り、Firebaseを使わないことで送信が安定しました。
本当はFirebaseを使いたかったのですが、これで自己解決として問題をクローズさせて頂きます。
ご回答ありがとうございました。

Answer 2

うーん、offlineになっている間に送られた通知も有効なはずですが。。

ただ、VAPID形式じゃない様に見えるのはちょっと気になります。
最近のChrome（74とか）で、VAPIDじゃない条件でのsubscribeに失敗するようになった（？）ので、その辺りは疑っても良いかもしれません。

Comments

[ookishin]

回答ありがとうございます。

ですよね、通知の意味を考えれば、オフラインで動かないのはおかしいですよね。
Chromeだけでなく、検証端末（Android8.0.0）にSumsungブラウザを入れて動かしてみたところ、同じ現象が発生しました。（WebPushそのものは動きました）
このため、EndPoint側や端末に依存する問題というより、Firebase側に何かがあるのだと睨んでいます。

また、VAPID形式の点についても、ご助言ありがとうございます。
Firebaseはエンドポイントとのやり取りをVAPID形式でやっていると思ってはいたんですが、もしかして違うんですかね？
そうなると、ますますFirebaseが怪しい……。。。

とにかくも切り分けのため、Firebaseを使用せずにWebPushを試してみる予定です。
また進展ありましたら報告させていただきます。
ありがとうございました。