Introducción
Si es un desarrollador web que busca crear aplicaciones móviles multiplataforma, debe consultar Ionic Framework. Ionic Framework es utilizado por más de 4 millones de desarrolladores en todo el mundo, lo que lo convierte en el marco de desarrollo de aplicaciones de más rápido crecimiento en el mercado. Esta plataforma de desarrollo de código abierto le permite crear aplicaciones con HTML, CSS y JavaScript, que luego se pueden implementar en dispositivos iOS, Android y Windows Phone.
En este artículo, le mostraremos cómo instalar Ionic Framework en Ubuntu 22.04 usando Node.js y NPM.
Si desea instalar Ionic Framework en un servidor remoto, continúe leyendo; de lo contrario, omita el primer párrafo "Conexión al servidor" y lea el siguiente.
Conexión al servidor
Para acceder al servidor, necesita saber la dirección IP. También necesitará su nombre de usuario y contraseña para la autenticación. Para conectarse al servidor como root escriba el siguiente comando:
ssh root@IP_DEL_SERVERA continuación, deberá ingresar la contraseña de usuario raíz.
Si no está usando el usuario raíz, puede iniciar sesión con otro nombre de usuario usando el mismo comando, luego cambie la raíz a su nombre de usuario :
ssh nome_utente@IP_DEL_SERVERA continuación, se le pedirá que introduzca su contraseña de usuario.
El puerto estándar para conectarse a través de ssh es 22 , si su servidor usa un puerto diferente, deberá especificarlo usando el parámetro -p , luego escriba el siguiente comando:
ssh nome_utente@IP_DEL_SERVER -p PORTAInstalar Node.js
Node.js es el requisito principal para ejecutar aplicaciones Angular. Puede instalar el Node.js necesario mediante la utilidad de línea de comandos de NVM. Inicie sesión en su sistema Ubuntu y siga.
Use el siguiente comando para instalar NVM:
curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash Ahora active el entorno NVM en su sistema:
source ~/.bashrcA partir de hoy, Angular 14 es la última versión compatible con Node.js 14 LTS y 16 LTS. El siguiente comando instalará Node.js 16 en su sistema:
nvm install v16Instalar Ionic Framework en Ubuntu
A continuación, debe instalar el módulo de nodo iónico en el sistema. Ionic proporciona una utilidad y una línea de comandos para empaquetar, crear e iniciar aplicaciones:
npm install cordova --location=global Ejecute el siguiente comando NPM para instalar el marco Ionic en su sistema:
npm install @ionic/cli --location=global Después de completar la instalación del marco Ionic, use el siguiente comando para verificar la versión instalada:
ionic -v 6.20.1Crear una aplicación iónica
Ahora puede crear una nueva aplicación Ionic en su sistema Ubuntu utilizando las plantillas de inicio.
Utilice el siguiente comando para ver las plantillas de arranque disponibles:
ionic start --list Seleccione una plantilla según sus necesidades y cree una nueva aplicación Ionic. También puede elegir una plantilla en blanco para comenzar:
ionic start myApp my-first-app Your Ionic app is ready! Follow these next steps:
- Go to your cloned project: cd ./myApp
- Run ionic serve within the app directory to see your app in the browser
- Run ionic capacitor add to add a native iOS or Android project using Capacitor
- Generate your app icon and splash screens using cordova-res --skip-config --copy
- Explore the Ionic docs for components, tutorials, and more: https://ion.link/docs
- Building an enterprise app? Ionic has Enterprise Support and Features:
https://ion.link/enterprise-editionAhora, ejecute el siguiente comando para servir la aplicación Ionic:
cd ionic-app ionic serve Esto iniciará la aplicación Ionic en el puerto 8100 . Puede acceder a su aplicación iónica en un navegador web utilizando el host local o la dirección IP del sistema.
También puede definir el host y el puerto mientras ejecuta la aplicación Ionic de la siguiente manera:
ionic serve --host 0.0.0.0 --port 3005 Conclusión
En este tutorial, aprendió cómo instalar la CLI del marco Ionic en el sistema Ubuntu. Además, proporcione instrucciones para crear y ejecutar una nueva aplicación Ionic.
