8

私のIonic 2アプリ(TypeScript)では、プラグインを使用しています。たとえば、ionic-native正常に動作するカメラプラグインです。今私は使用したいBackgroundMode plugin: https://github.com/katzer/cordova-plugin-background-mode。README を読み、説明どおりにインストールを行いました。

使用法の下には、プラグインを次のように使用できることが示されています。

cordova.plugins.backgroundMode.enable();

IDE (Atom) で入力すると、cordova が見つからないと表示されます。

私はcordovaプラグインとIonic 2について多くのことをグーグルで調べましたが、場合によっては navigator.somePlugin.someFunction()(window.navigator私が正しく理解している場合はオブジェクト)を使用しますが、それもうまくいきません。アプリで実行したところconsole.log、Chrome デバイス インスペクタに次のように表示されました。

JSON.stringify(window.navigator, null, 2)
{
  "app": {},
  "camera": {
    "DestinationType": {
      "DATA_URL": 0,
      "FILE_URI": 1,
      "NATIVE_URI": 2
    },
    "EncodingType": {
      "JPEG": 0,
      "PNG": 1
    },
    "MediaType": {
      "PICTURE": 0,
      "VIDEO": 1,
      "ALLMEDIA": 2
    },
    "PictureSourceType": {
      "PHOTOLIBRARY": 0,
      "CAMERA": 1,
      "SAVEDPHOTOALBUM": 2
    },
    "PopoverArrowDirection": {
      "ARROW_UP": 1,
      "ARROW_DOWN": 2,
      "ARROW_LEFT": 4,
      "ARROW_RIGHT": 8,
      "ARROW_ANY": 15
    },
    "Direction": {
      "BACK": 0,
      "FRONT": 1
    }
  },
  "splashscreen": {}
}

私の質問は:

ionic 2 TS で BackgroundMode プラグインを使用するにはどうすればよいですか? それを自分のプロジェクトに含める方法さえ知りません...

4

1 に答える 1

14

AGrandtここで言っているように、次の方法でインストールできます。

ionic plugin add cordova-plugin-background-mode

次に、インポートの後に次の行を含めます。

declare var cordova:any;

プラットフォームの準備ができたら、それを使用します。

platform.ready().then(
    () => {
        console.log("MyApp::constructor platform.ready");
        cordova.plugins.backgroundMode.setDefaults({ 
            title: 'My App Name', 
            text: 'Active in background...');
        cordova.plugins.backgroundMode.enable();
    }
);
于 2016-06-21T11:50:00.760 に答える