Cómo instalar Ionic Framework en Debian 10

P√°gina de prueba de Ioniq

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 previos

  • Un servidor que ejecuta Debian 10.
  • Una contrase√Īa de root est√° configurada en el servidor.

Empezando

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 que se agrega 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. Puedes instalarlo con el siguiente comando:

npm install -g cordova

Una vez instalado, puede continuar con el siguiente paso.

Instalar marco iónico

Primero, deberá instalar una utilidad CLI iónica en su servidor. Puedes 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

Crear 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

Inicie 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://su-servidor-ip:8100. Debería ver su aplicación iónica en la siguiente pantalla:

P√°gina de prueba de IoniqAnuncio publicitario

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.

Deja una respuesta

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