angular - español - ionic js framework

Usar un complemento cordova de terceros en Ionic 2 con TypeScript

Question

En mi aplicación Ionic 2 (TypeScript), donde uso complementos, por ejemplo, el plugin Camera de ionic-native que funciona bien. Ahora quiero usar el BackgroundMode plugin : https://github.com/katzer/cordova-plugin-background-mode . Leí el archivo README, hice la instalación como se describe.

En Uso dice que el complemento se puede usar así:

cordova.plugins.backgroundMode.enable();

En mi IDE (Atom), cuando escribo eso, dice que no puede encontrar cordova.

Busqué mucho en Google sobre plugins de cordova e Ionic 2 y en algunos casos usan navigator.somePlugin.someFunction() (el objeto window.navigator si entiendo correctamente) pero eso tampoco me funciona. Hice un console.log en mi aplicación y el inspector de dispositivos Chrome muestra esto:

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": {}
}

Mi pregunta es:

¿Cómo puedo usar el plugin BackgroundMode en 2 TS iónicos? Ni siquiera sé cómo incluirlo en mi proyecto ...

Answer 1

Al igual que AGrandt dice aquí , puede instalarlo con:

ionic plugin add cordova-plugin-background-mode

Luego incluya esta línea después de las importaciones:

declare var cordova:any;

Y úsala cuando la plataforma esté lista:

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