Ionic es un marco de código abierto que se puede utilizar para desarrollar aplicaciones móviles híbridas utilizando tecnologías web como CSS, HTML5 y Sass. Ionic proporciona una poderosa interfaz de línea de comandos que se puede usar para crear un proyecto con un comando simple. Ionic es compatible con Android, IOS y la plataforma universal de Windows para desarrollar aplicaciones. Ionic usa complementos de Cardova para acceder a la cámara, el GPS y la linterna.
En este tutorial, aprenderemos a instalar Ionic framework en Ubuntu 18.04 (Bionic Beaver).
Requisitos
- Un servidor con Ubuntu 18.04 en su sistema.
- Un usuario no root con privilegios sudo.
Instalar Node.js y Cordova
Primero, deberá instalar Node.js en su sistema. De forma predeterminada, la última versión de Node.js no está disponible en el repositorio predeterminado de Ubuntu 18.04. Por lo tanto, deberá agregar PPA para node.js a su sistema.
Puede agregar el PPA de Node.js con el siguiente comando:
sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
A continuación, instale Node.js con el siguiente comando:
sudo apt-get install nodejs -y
A continuación, deberá instalar Cordova en su sistema. Puede instalarlo con el siguiente comando:
sudo npm install -g cordova
Instalar Ionic Framework
Ionic viene con una práctica utilidad de línea de comandos para iniciar, compilar y empaquetar aplicaciones de Ionic. Puede instalarlo simplemente ejecutando el siguiente comando:
sudo npm install -g ionic
Una vez que Ionic está instalado, puede verificar la versión de Ionic usando el siguiente comando:
ionic -v
Salida:
3.20.0
Crear proyecto con Ionic
A continuación, deberá crear un nuevo proyecto de Cordova en algún lugar de la computadora para el código de su aplicación:puede hacerlo con el siguiente comando:
ionic start HelloWorld blank
El comando anterior creará un directorio HelloWorld.
A continuación, cambie el directorio a HelloWorld y enumere los contenidos:
cd HelloWorld/
ls -l
Debería ver el siguiente resultado:
total 260 -rw-r--r-- 1 3434 3434 92 Jun 9 15:43 ionic.config.json drwxr-xr-x 536 root root 20480 Jun 9 15:46 node_modules -rw-r--r-- 1 3434 3434 1135 Jun 9 15:43 package.json -rw-r--r-- 1 root root 224175 Jun 9 15:46 package-lock.json drwxr-xr-x 6 3434 3434 4096 Jun 9 15:43 src -rw-r--r-- 1 3434 3434 519 May 30 23:39 tsconfig.json -rw-r--r-- 1 3434 3434 178 May 30 23:39 tslint.json
A continuación, habilite la plataforma Android y cree el proyecto para Android con el siguiente comando:
ionic platform add android
ionic cordova build android
ionic cordova emulate android
¡Eso es todo! Ahora puede crear fácilmente su aplicación.