¿Qué es Ionic?

1

Requisitos del curso y presentación del proyecto

2

¿Qué hay de nuevo en Ionic 4?

3

¿Qué ha cambiado en Ionic?

4

Instalación de Ionic y templates básicos

5

Instalación de Capacitor y uso en Android Studio

6

Uso de Capacitor y xCode

7

Sincronizando nuestro proyecto con los emuladores

Componentes básicos de Ionic

8

El componente Slides

9

CSS y Custom Properties de los componentes de Ionic

10

Slides dinámicos

11

Angular Router e Ionic Storage

12

Controlar la navegación con Guards

13

Utilidades de CSS con Ionic

14

Crear una página de login

15

Validar inputs del formulario de login

16

Envío del formulario

17

Servicio para validar credenciales

18

Agregar Guards a nuestro login

19

Crear una página de registro

20

Navegación entre login y registro

21

Agregar un menú con el componente Menu

22

Dar funcionalidad y estilos al menú

23

Uso de componente Slides y opciones avanzadas

Consumo y manejo de informacion con Ionic

24

Consumiendo un API para llenar información de nuestros artistas

25

Página completa con artistas, canciones y álbums

26

El componente Modal y el Modal Controller

27

Llenar de contenido el Modal

28

Componente Footer y funcionalidad del Modal

29

Construyendo nuestro reproductor

30

Lógica de nuestro reproductor

31

RETO: Vista de álbums

Acceso al hardware

32

Usar la cámara a través de Capacitor

33

Corrección de errores y afinando detalles

34

Mejorando nuestra página de Settings con CSS

35

Página Sports y Angular Maps

36

Crear la página Sport

37

RETO: Buscador dinámico en Sports

38

Llevar nuestra aplicación a producción con Android

39

Llevar nuestra aplicación a producción con iOS y cierre del curso

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Curso de Ionic 4

Curso de Ionic 4

Sebastián Gómez

Sebastián Gómez

Llevar nuestra aplicación a producción con Android

38/39
Recursos

Aportes 10

Preguntas 1

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

IONIC 6

Para llevar el proyecto a producción:

  1. Se compila el proyecto y se crea la carpeta www, así:
ionic build --prod
  1. Abrir Android studio
  2. Sincronizar carpeta www con Android Studio, así:
npx cap sync

En Android Studio corres el comando

Build / Build APK

El archivo APK queda en la carpeta en donde has venido trabajando tu proyecto de Ionic, la ubicación exacta es:

./android/app/build/outputs/apk/debug/app-debug.apk

Este archivo lo copias al teléfono, puede ser en la carpeta download y ahí lo ejecutas he instala la aplicación Platzi Music.

Hola, una consulta donde se genera el archivo apk?
Cuales son los pasos para llevar al celular o lo copio nomas

gracias

buen dia. Estoy utilizando httpClient de angular. pero al generar el apk de mi aplicacion no me funciona tiene que ver si mi endpoint no es https?

Hola,

realice todas las pruebas y en el emulador me funciona todo, sin errores.
donde queda el archivo APK para poder probarlo en mi celular?

revise esta carpeta:
\android\app\build\outputs\apk\debug\

y el archivo que hay ciertamente es app-debug.apk pero lo copio al celular lo ejecuto y me sale error de instalación

Como lo hago para instalar mi app en mi celular? creo que falto una clase así, Saludos.

Hola, como puedo cambiar el splash screen y el icono de mi aplicación?

Buenas, felicidades por el curso.
Tengo un problema, en base al curso hice una app, que funciona bien en el navegador web.
La app que realice tiene un backend en node con acceso a mysql.
Cuando lo pruebo en el emulador android studio funciona pero al momento de desplegar la información no desplega nada como si el backend no estuviese corriendo.
Alguna ayuda por favor

Hola, muchas gracias por todo el contenido del curso, continué el desarrollo hasta este punto aunque el API de Platzi ya no funcione. Además, en esta clase, ionic build --prod no es exitoso debido a que la librería @agm/core hace referencia a muchos paquetes que ya son inexistentes.

Para poder ejecutar el comando

ionic build --prod 

se tiene que instalar la dependencia

npm install --save @types/googlemaps@3.39.1

Hola, como puedo cambiar el splash screen y el icono de mi aplicación?

Hola querido profesor, estoy compilando con ionic 5 y capacitor, para crear una app de android, mi pregunta es: para instalar (es necesario ?) google-services.json que tengo que hacer ya que me genera incompatibilidades