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
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.
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!!
Si está interesado en leer más historias, puede ver mis escritos aquí: