Quantcast

Auto Start Ionic | Cómo ejecutar mi app cuando enciendo el móivil

Aitor Sánchez - Blog - Nov. 1, 2023, 7:32 p.m.

¿Necesitas iniciar automáticamente tu aplicación cuando se enciende el dispositivo móvil de tu usuario y has pensado en Auto Start Ionic? O, quizás ya sabes cómo se hace, pero aún te falta que conocer algún detalle o ejemplo para lograrlo ¿verdad?

Mi nombre es Aitor Sánchez, soy desarrollador de apps desde 2014, y en este artículo aprenderás a abrir la app cuando tu usuario enciendo su dispopsitivo con Auto Start Ionic de una forma sencilla, accionable y eficaz.

Pero antes de continuar, esta es la Flutter Mafia. Es mi newsletter donde tu vas a aprender a hacer apps y a ganar dinero con ellas junto con otros genietes que ya están dentro. Y si te suscribes te regalo mi ebook "Duplica los ingreso de tus apps en 5 minutos" No es broma, quizás te interese.

Y ahora si, comenzamos. Let´s go!

 

Pero, qué es Auto Start Ionic

Pues cómo habrás podido intuir, tanto por el nombre, cómo por la introducción, se trata de un plugin que pone a nuestro disposición la posibilidad de que nuestra aplicación se ejecute cuando el dispositivo donde esté instalada se encienda/reinicie o auto-actualice.

Este componente está programado sobre el siguiente plugin de Cordova: https://github.com/ToniKorin/cordova-plugin-autostart

 

Cómo instalar el componente

Para este fin, y cómo pasa con todos los componentes externos al core de Ionic, necesitamos realizar una instalación de él en nuestra aplicación para poder utilizarlo. Para ello, vamos a utilizar las dos siguientes líneas de consola:

$ ionic cordova plugin add cordova-plugin-autostart
$ npm install --save @ionic-native/autostart

 

La primera instalará el plugin que nos permitirá la comunicación con la parte nativa del dispositivo donde se esté ejecutando.

La segunda instalará el código TS necesario para que, desde nuestro código podamos comunicarnos con el plugin.

 

Configuración de Auto Start Ionic

Para que podamos hacer uso de esta funcionalidad debemos de agregar dicho módulo a los providers de nuestra app. Para ello nos dirigimos al archivo "app.module.ts" y agregamos las siguientes líneas:

import { Autostart } from '@ionic-native/autostart';

...

providers: [
...,
Autostart, 
...
]

...

 

Plataformas soportadas

Sabiendo que desde iOS esta funcionalidad no está permitida, podrás intuir para que plataforma está disponible:

  • Android

 

Cómo usar Auto Start Ionic

Pues bien, llegamos al meollo del asunto. Pero, cómo en todos los tutoriales, primero vamos a ver el ejemplo de código y después hacemos un resumen debajo de lo que hace este.

import { Autostart } from '@ionic-native/autostart';


constructor(private autostart: Autostart) { }

...

this.autostart.enable();

this.autostart.disable();

 

Cómo podrás apreciar, es un código muy sencillito.

  1. Importamos la clase "Autostart" del paquete "@ionic-native/autostart".
  2. Inyectamos una instancia a través del constructor de nuestra clase.
    1. Recuerda, si no has realizado el paso de agregar a los providers de la app, este paso fallará.
  3. Mediante el método "enable" de nuestra clase, la app se ejecutará cuando el dispositivo arranque.
  4. Mediante el método "disable" la app dejará de ejecutarse automáticamente.

Por qué no serán todos los componente cómo este, ¿verdad?

 

Funciones y campos de clase

Bien, pues esta clase en concreto únicamente posee las dos funciones que hemos visto en el ejemplo, y no tiene campos.

Recuerda, solo serán mostradas las funciones/campos del componente en cuestión. Si alguno de los padres tiene alguna, aquí no se mostrará.

 

enable()

Una vez que llamemos a esta función, la app será ejecutada cuando el dispositivo sea inicializado.

No devuelve nada, ni recibe ningún parámetro.

 

disable()

Una vez que llamemos a esta función, posteriormente de haber llamado a "enable" el dispositivo dejará de iniciarse automáticamente.

No devuelve nada, ni recibe ningún parámetro.

 

Algo más que quizás te interese

Mira, en el momento que tu mejoras el logo de una app que tengas publicada en Google Play, las descargas y los ingresos que esta aplicación genera aumentan. Esto es así. Mejor logo es igual a más dinero.

Basándonos en esto, hemos creado esta herramienta que te permite evaluar, optimizar y mejorar los logos de tus apps para que reciban más descargas. No te quiero espoilear, dentro hay un video explicativo. Entra en el enlace.

 

Sin nada más que agregar me despido ya geniete. Espero haberte ayudado y nos vemos en el siguiente artículo. Hasta entonces ¡que te vaya bien!

Otros artículos que te pueden interesar

Camera Preview Ionic - Otro uso para la cámara

¿Necesitas que tu usuario tenga una preview de la cámara desde dentro de tu aplicac...

Background Geolocation Ionic | Qué es y cómo se...

¿Interesado en geolocalizar a tu usuario de manera asíncrona, o con la aplicaci&oac...

QR Scanner Ionic | Todo lo que necesitas saber ...

¿Pensando en incluir un escaner de códigos QR en tu aplicación Ionic? O, qui...