Ionic es un marco gratuito y de código abierto para crear aplicaciones web y nativas multiplataforma de alta calidad. Viene con una poderosa interfaz de línea de comandos que lo ayuda a crear un proyecto a partir de 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 esta publicación, le mostraremos cómo instalar Ionic Mobile App Framework en el servidor Debian 10.
Requisitos
- Un servidor que ejecuta Debian 10.
- Se configura una contraseña raíz en el servidor.
Cómo empezar
Primero, actualice los paquetes del sistema a la versión actualizada ejecutando el siguiente comando:
apt-get update -y
Una vez que todos los paquetes estén actualizados, puede instalar otros paquetes necesarios con el siguiente comando.
apt-get install curl gnupg2 wget -y
Instalar Node.js
A continuación, deberá instalar Node.js en su sistema. De forma predeterminada, la última versión de Node.js no está incluida en el repositorio de Debian. Por lo tanto, deberá agregar el repositorio de origen de Node a su sistema.
Puede agregar el repositorio de origen de Node con el siguiente comando:
curl -sL https://deb.nodesource.com/setup_14.x | bash -
Una vez agregado el repositorio, instale Node.js con el siguiente comando:
apt-get install nodejs -y
Después de instalar Node.js, verifique la versión de Node.js con el siguiente comando:
node --version
Debería ver el siguiente resultado:
v14.17.1
A continuación, también debe instalar Cordova en su sistema. Puede instalarlo con el siguiente comando:
npm install -g cordova
Una vez instalado, puede continuar con el siguiente paso.
Instalar Ionic Framework
Primero, deberá instalar una utilidad CLI iónica en su servidor. Puede instalarlo con el siguiente comando:
npm i -g @ionic/cli
Después de instalar ionic, verifica la versión de ionic con el siguiente comando:
ionic -v
Deberías obtener el siguiente resultado:
6.16.3
Crea un proyecto con Ionic
Ahora, puedes crear tu primer proyecto con el siguiente comando:
ionic start
Se le pedirá que seleccione el marco entre React o Angular, especifique el nombre de su proyecto y seleccione una plantilla como se muestra a continuación:
Pick a framework! ???? Please select the JavaScript framework to use for your new app. To bypass this prompt next time, supply a value for the --type option. ? Framework: Angular Every great app needs a name! ???? Please enter the full name of your app. You can change this at any time. To bypass this prompt next time, supply name, the first argument to ionic start. ? Project name: myapp Let's pick the perfect starter template! ???? Starter templates are ready-to-go Ionic apps that come packed with everything you need to build your app. To bypass this prompt next time, supply template, the second argument to ionic start. ? Starter template: tabs ? Preparing directory ./myapp in 3.69ms ? Downloading and extracting tabs starter in 591.18ms ? Integrate your new app with Capacitor to target native iOS and Android? No Your Ionic app is ready! Follow these next steps: - Go to your new 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-edition
Iniciar la aplicación
Ahora, cambie el directorio a su proyecto e inicie la aplicación con el siguiente comando:
cd myapp
ionic serve --host 0.0.0.0 --port 8100,/p>
Deberías obtener el siguiente resultado:
> ng run app:serve --host=0.0.0.0 --port=8100
[INFO] Development server running!
Local: http://localhost:8100
External: http://216.98.11.73:8100
Use Ctrl+C to quit this process
[INFO] Browser window opened to http://localhost:8100!
Ahora, abra su navegador web y acceda a su aplicación usando la URL http://your-server-ip:8100 . Debería ver su aplicación iónica en la siguiente pantalla:
Conclusión
¡Felicidades! Ha instalado con éxito el marco Ionic en el servidor Debian 10. Ahora puede comenzar a crear su aplicación móvil utilizando el marco Ionic.