Escrito por: Karen Ivonne Mantilla Lopez

Instalación Node Js. 

App 1. Hello world

1. Requerimientos. 
2. Creación del servidor. 
3. Instalación de dependencias. 
4. Creación del index. 
5. Creación del archivo index.js. 
6. Modificación en el servidor. 
7. Estructura de directorios. 
8. Ejecución. 

Creación de tunel - ngrok 

Tips informativos. 

  

 

Instalación Node Js

 

Se requiere de la instalación del framework Node Js para programar aplicaciones web basadas en el lenguaje javascript. A continuación se presentan los pasos para instalar el framework en un dispositivo Windows 10, junto con las instrucciones para usarlo en el entorno de desarrollo integrado (IDE) Netbeans 8.1.

 

Buscar en Google Node Js e ingresar en la pestaña Download de la página https://nodejs.org/es/  posteriormente elegir y descargar el framework adecuado para el sistema operativo del equipo donde se va a instalar. Para este caso Windows 10 (Véase Fig 2. Descargar para sistema operativo seleccionado).

 

Fig 1. Google búsqueda

Fig 2. Descargar para sistema operativo seleccionado

Posterior a descargar el instalador de Node Js se ejecuta en el equipo. Para verificar que se ha realizado la instalación correcta en el equipo se ingresa a la consola de Windows ( + r, ingresar la palabra cmd y dar clic en ejecutar), se digita la palabra node y debe aparecer una flecha (>) tal como se muestra en la Fig 4. Verificar instalación.

 

 

Fig 3. Ejecutar en el equipo

 

 

Fig 4. Verificar instalación

 

Para desarrolla aplicaciones en Node usando el IDE Netbeans 8.1 se requiere descargar un plugin, para ello se digita en Google node js netbeans y se ingresa al primer enlace (Véase Fig 5. Plugin).

 

 

Fig 5. Plugin

Se descarga el plugin según la versión del IDE, en este caso el plugin disponible es para Netbeans 8.0, sin embargo se puede hacer uso de éste.

 

Fig 6. Descarga plugin

Se abre Netbean 8.1 y en la pestaña Tools se da clic en la opción Plugins.

 

Fig 7. Panel para añadir plugin

 

Al dar clic en Plugins aparece una ventana (Véase Fig 8. Añadir plugin) en la que se puede visualizar la pestaña Downloaded, se da clic en el botón Add plugins y se procede a buscar la ubicación en donde se encuentre el plugin que se descargó anteriormente.

 

Fig 8. Añadir plugin

---

App 1. Hello world

 

Más adelante se van a presentar los pasos a seguir para elaborar una primera aplicación en Node Js, que va cumplir con unos requerimientos determinados que permitirán iniciar con el aprendizaje de este framework, dando bases para posteriormente desarrollar aplicaciones web complejas.

 

1.    Requerimientos

 

El app debe contar con un index principal que use Bootstrap y javascript, además que contenga:

 

• Un botón que capture y envíe lo escrito por el usuario en una caja de texto desde el frontend e imprimirlo en la consola de Netbeans usando Ajax.
• Un botón que solicite al servidor el valor de una variable y aumente su valor 1 luego de retornar el valor actual y mostrarlo en un label en el frontend, usando Ajax.

 

Inicialmente se crea un nuevo proyecto en Neatbeans, dando clic en File y luego en la opción New Project.

 

Fig 14. Crear proyecto paso 1

A continuación se visualiza la siguiente ventana (Véase Fig 15. Crear proyecto paso 2) donde se escoge el lenguaje en el que se va a desarrollar el proyecto, en este caso se selecciona en NodeJS Projects y damos clic en Next.

 

Fig 15. Crear proyecto paso 2

2.    Creación del servidor

 

Al crear un nuevo proyecto se crea un archivo javascript que incluye un código por omisión para crear un servidor con un puerto especifico en escucha, a través del cual se enviaran y responderán las peticiones que hagan los usuarios a la página web. En este archivo se usará más adelante para añadir código que permita el manejo de directorios.

 

Fig 16. Archivo .js

Existen diferentes formas de crear el servidor en el archivo .js, a continuación se presentaran y explicaran cada uno de los fragmentos de código. Para el desarrollo del ejercicio se usó Fig 19. Forma 3.

 

Fig 17. Forma 1