Trabajar con Ionic: de la manera correcta autor: Sravan Kadium | Octubre de 2020

Hola NetHeads !! Durante este bloqueo, participé en un pequeño rango de desarrollo de aplicaciones y encontré una base de código llamada Iónico que se puede crear para cualquier plataforma utilizando HTML, CSS y JS.

En esta historia, presentaré mi enfoque para implementar e integrar aplicaciones iónicas con Angular y crear una aplicación para Android.

Antes de que empieces

Pero !!! Espera, me falta algo …

Aquí lo tiene, no olvide instalar el software a continuación antes de comenzar a investigar sobre Ionic.

Nota: Si está trabajando en una Mac, use el siguiente comando para instalar Angular CLI en todo el mundo
sudo npm install -g @angular/cli

Ahora que tenemos los marcos clave instalados, echemos un vistazo a Ionic.

Marco iónico

Ionic es un platoOrm para crear, asegurar, implementar y escalar aplicaciones web nativas y móviles modernas en cualquier plataforma.

Opinión del desarrollador – Desarrolla una aplicación front-end para Angular, React o Vue, Ionic con etiquetas HTML integradas, y varios comandos crean la aplicación como una aplicación para Android o iOS.

Instalar Ionic

Ejecute el siguiente comando en una terminal de línea de comandos para instalar Ionic CLI (ionic), native-run, se utiliza para ejecutar binarios nativos en dispositivos y simuladores / emuladores y cordova-res, se utiliza para generar iconos de aplicaciones nativas y pantallas de presentación

sudo npm install -g @ionic/cli native-run cordova-res

Agregue un capacitor al proyecto

Capacitor es la aplicación oficial de Ionic que facilita la implementación de aplicaciones web en plataformas nativas como iOS, Android y más.

Cree una aplicación iónica con una de nuestras plantillas de aplicaciones vacías o listas para usar para que pueda comenzar de nuevo

ionic start dummycap blank --type=angular --capacitor

Iniciar la aplicacion

Gran parte de su aplicación se puede integrar en el navegador usando el siguiente comando

ionic serve

Puede acceder a la aplicación que se ejecuta en http: // localhost: 8100 a través del navegador

Ahora estamos listos para implementar las reglas del front-end de forma angular.

¡¡¡Hurra!!! Mi primera aplicación iónica

Implementar en Android

Debido a que agregamos Capacitor a nuestro proyecto, podemos acceder a los comandos integrados para implementar la aplicación en su dispositivo.

Si sigues corriendo ionic serve cancelarlo en la terminal. Complete la reconstrucción de su proyecto de iones y corrija cualquier error que informe

ionic build

A continuación, cree proyectos para iOS y Android

ionic cap add android

Cada vez que realiza un montaje (p. Ej. ionic build), que actualiza su directorio web (predeterminado: www), deberá copiar estos cambios en sus proyectos nativos

ionic cap copy

Después de actualizar el código (por ejemplo, agregar un nuevo complemento), use sync mando

ionic cap sync

Implementar Android

Las aplicaciones de condensadores para Android se configuran y administran a través de Android Studio. Para abrir la aplicación en Android Studio, ejecute el siguiente comando

ionic cap open android

¡Esté atento a otras soluciones producidas!
¡¡Gracias por leer!!

Codificación feliz y segura !!

Si está interesado en leer más historias, puede ver mis escritos aquí:

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *