tutorial framework español apps app angular cordova typescript ionic2 ionic3

angular - español - ionic js framework



Usar un complemento cordova de terceros en Ionic 2 con TypeScript (1)

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 ...


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