Ionic primeros pasos, detrás de un proxy

Ionic proxy
Ionic proxy
Ionic es un framework gratuito y open source para desarrollar aplicaciones híbridas multiplataforma que utiliza HTML5CSS (generado por SASS) y Cordova como base. Es uno de los framework del momento por utilizar AngularJS para gestionar las aplicaciones, lo que asegura aplicaciones rápidas y escalables. 

Para poder instalar Ionic y empezar a utilizarlo existen muchos sitios web dónde se puede encontrar información al respecto; logrando así, a través de sencillos pasos, tener todo listo para empezar a trabajar. Pero el problema reside cuando vamos a realizar estos pasos y nos encontramos detrás de un proxy debido a que estamos utilizando la conexión a internet de una empresa o institución que tiene establecido el acceso a internet por este medio.

Por lo que a continuación voy a detallar que configuraciones previas debemos realizar para poder tener Ionic en nuestra máquina cuando nos encontramos en la situación descrita anteriormente. Además, vamos a poder configurarlo para trabajar offline (sin conexión a internet), lo que acelera grandemente los tiempos de desarrollo y nos hace menos dependientes de una conexión a internet en todo momento. En mi caso mi máquina tiene el sistema operativo Windows, pero no existe gran diferencia con respecto a otros sistemas operativos.
NodeJS

NodeJS

1- Primero que todos debemos tener instalado NodeJS en nuestra máquina. Si no lo tiene instalado el instalador lo puedes obtener de http://nodejs.org/. Para asegurarnos de tener NodeJS instalado en nuestra máquina, podemos abrir la consola de Windows (tecla Windows + R) y seguidamente escribimos cmd y damos clic en Aceptar.

En la terminal escribimos entonces el siguiente comando: 

versión de nodejs
node -v
Esto nos devolverá (si tenemos correctamente instalado NodeJS) la versión del NodeJS que tengamos instalado.

2- Segundo establecerle a NodeJS el proxy de la institución. Para eso en la terminal ponemos:   


establecer proxy a nodejs
npm config edit


Esto abrirá un archivo en el cual ponemos la siguiente configuración y guardamos:


proxy=http://localhost:3128/

https-proxy=http://localhost:3128/

registry=https://registry.npmjs.org/


Este paso crea el archivo de la configuración de node.js (.npmrc) en la carpeta del usuario, el cual podemos cambiar ahí mismo si queremos para quitar el proxy o modificarlo.


 3- Una vez configurado el proxy en el NodeJS, estamos listos para instalar Ionic. Cómo Ionic depende de Cordova, también debemos instalarlo. Para eso en la terminal ponemos:  

Instalar cordova y ionic
npm i es el diminutivo para npm install






Si todo sale bien esto debería permitirte instalar Cordova e Ionic. En caso de que te de problema instalar el paquete de Cordova que es el primero que se debe instalar (como me pasó a mí).  

Ponemos entonces para solucionarlo en la terminal los siguientes comandos:
actualizar dependencias
npm install npm -g

install cordova
npm install -g cordova









Esto te debe poder instalar Cordova sin problema. Y entonces instalamos Ionic con:

install ionic
npm install -g ionic






Ya estamos listos para empezar a trabajar con Ionic. Pero antes de poder crear nuestro primer proyecto con Ionic, debemos configurarle también el proxy a este.


4- Para esto buscamos el archivo siguiente para poder generar un proyecto desde una plantilla así como instalar otras dependencias que necesite ionic. 


Tenemos que configurar el proxy para ionic abriendo en cualquier editor a C:\Users\[username]\AppData\Roaming\npm\node_modules\ionic\node_modules\request\request.js y añadiendo esta línea después de la sentencia que se muestra en la imagen:


ionic proxy
self.proxy = 'http://localhost:3128';
- ionic start myapp [template]


ionic proyecto en blanco
Ionic proyecto en blanco
ionic proyecto plantilla
Ionic proyecto con plantilla tabs











Y eso es todo, espero que les haya servido para empezar a trabajar con Ionic. Sobre todo a los que tienen que trabajar accediendo a un proxy, para lo cual como hemos visto hay que configurar diferentes elementos y la información para hacerlo está dispersa en Internet.

Espero que les haya gustado mi primer post, y estén atentos a próximas publicaciones dónde veremos como compilar nuestro primer proyecto para android.

Puedes encontrar información para empezar a desarrollar con Ionic en su sitio oficial:

http://ionicframework.com/docs/ 




Déjame saber cualquier duda, sugerencia o experiencia al respecto. ¡Espero tú opinión! También puedes comentar como anónimo. ConversionConversion EmoticonEmoticon

:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng