技術っぽいことを書いてみるブログ

PythonとかVue.jsとか技術的なことについて書いていきます。

Android用のハイブリッドアプリを構築してみる。。。~cordova-plugin-local-notificationを使う~

はじめに

ハイブリッドアプリを構築しましたが、
TODO管理するアプリなので、TODOの期限前に通知する機能を追加したいと思いまして、
ローカル通知のCordovaプラグインcordova-plugin-local-notificationを使ってみました。

使ってみた

cordova plugin add cordova-plugin-local-notification 
    // 既存の設定を削除
    cordova.plugins.notification.local.cancel(100);
    // ローカル通知
   const notificationDateTime = new Date('2020-09-05');
   notificationDateTime.setHours(16);
   notificationDateTime.setMinutes(30);

    cordova.plugins.notification.local.schedule({
      id: 100,
      title: 'お知らせ',
      text: ’あいうえおアイウエオアイウエオ’,
      trigger: { at: notificationDateTime }
    });
  • 実行
    おぉ、指定した時間になると通知が表示されました!
    f:id:where-is-wally:20200905154439p:plain

使ってみて・・・

実装した後、当然ながらイロイロ動作確認をして気づいた点があります。
このローカル通知を行うCordovaプラグインcordova-plugin-local-notificationは、
アプリ自体がフォアグラウンドもしくはバックグラウンドで起動していないと、
ローカル通知されません!!
アプリが閉じられている状態では、指定した時間になっても通知がされることはないです。
なので、アプリが起動していない場合でも通知したい場合は、プッシュ通知を検討すべきかと思いました・・・

最後に・・・

通知機能をCordovaプラグインcordova-plugin-local-notificationで賄うことができれば、楽やったんですが・・・
プッシュ通知のいいプラグインを探して、また記事アップします。