Saltar al contenido

Market Ionic | Aprende a usarlo cómo un profesional aquí

Market Ionic

En el capítulo de hoy vamos a hablar de un componente que nos puede valer, por ejemplo, para realizar algo de publicidad o cositas así. Se trata de Market en Ionic y lo que nos permite es, básicamente, abrir páginas de aplicaciones que estén en Google Play o AppStore de manera nativa. Visto esto, vamos al lío.

¡Yepaaaa! Hola guapa lectora, majo lector. ¿Qué tal todo? Espero que genial. Es artículo de hoy va a ser más bien breve. Vamos a ver un componente la mar de sencillo. La funcionalidad ya la he explicado en la introducción. Así que no me extiendo mucho más.

Lo único que sí que me gustaría, es que te pases por el círculo. Imagino que ya sabes lo que es, pero si, es una comunidad que estoy montando alrededor de esta genial disciplina que es la programación. Puedes acceder desde aquí y allí tienes todos los detalles. Sin más, comenzamos…

Instalación de Market Ionic

Pues cómo se trata de un componente externo al core del sistema, necesitamos instalarlo en nuestra app. Para ello vamos a realizar las siguiente dos acciones:

 

$ ionic cordova plugin add cordova-plugin-market
$ npm install @ionic-native/market

 

Cómo ya conocemos, la primera instala el plugin que permite la comunicación con la parte nativa del sistema. Y la segunda nos da la funcionalidad para la comunicación entre nuestro código y el plugin.

Y con esto ya estamos a disposición de ponerlo en marcha.

 

Configuración del componente

Llevo ya un par de capítulos moviendo la parte de los providers aquí. Me resulta más cómodo ponerlo separado. ¿A ti te gusta? Si es así, dímelo y seguiré poniéndolo aquí o en el otro lado.

Bueno, pues recordamos que no es necesario ponerlo obligatoriamente en el appModule.ts pero sí que lo es incluirlo en nuestros providers cuando queramos hacer uso de este módulo.

Para esto vamos a usar el siguiente código:

 

providers: [
…,
Market,
…
]

 

Y listo, disponible para usarle en nuestro componente.

 

Plataformas soportadas

Pues las plataformas donde podemos usar el Market son las siguientes:

  • Android
  • iOS

La verdad es que tiene su lógica. Ahora mismo son las dos plataformas nativas y con WindowsPhone fuera de juego y Amazón sobre Android. No tendría mucho sentido hacer algo fuera de estas.

Así que ya sabes, piensa un poco en que podrás usar esto, porque yo ya lo estoy utilizando. Y lo verás cuando comience con el curso de cómo ganar dinero con aplicaciones en Ionic.

 

Cómo se usa la clase Market

Primero un ejemplo:

 

import { Market } from '@ionic-native/market';

constructor(private market: Market) { }

...

this.market.open('your.package.name');

 

En realidad, no tiene “nah”. En primer lugar los importamos con: import { Market } from ‘@ionic-native/market’;

Posteriormente lo inyectamos en el constructor para que podamos haces uso de él.

Y llamamos a la función “open” que abrirá una nueva ventana sobre con la ID de la app dada. En Android en el nombre del paquete cómo vemos a continuación:

Sería: «bateria.aymcorp.com.bateristicas»

Y para iOS algo bastante similar:

Para este sería: «id310633997»

En realidad, parece poquito ejemplo, pero es que no hay más. De hecho, la clase solo tiene dos funciones.

 

Funciones y métodos de Market Ionic

Aunque son poquitas, vamos a verlas.

open(appId)

  • Abre en una ventana nueva una instancia de GoolePlay apuntando a la ID dada.
  • Parámetros:
    • appId -> Es el nombre del paquete, cómo hemos visto en la imagen.

 

search(keyword)

  • En lugar de abrir una app directamente, abre Google Play realizando una búsqueda. Digo “Google Play” porque solo está disponible para Android esta función.
  • Parámetros:
    • keyword: Será la palabra con la que queremos realizar la búsqueda.

 

Y ya está, si, ya está. No tiene ya más nada.

Es más, no puedo ni agendaros un vídeo, cómo hago siempre, hasta que no lo haga yo porque no hay nada que hable de esto. Sí que hay vídeos, pero son vídeos del Market (tienda) de ionic.

Sin más que añadir me despido hasta el siguiente artículo del curso. Hasta entonces, que vaya bien 🙂