Práctico: Cree una aplicación web de sala de chat con tecnología de Node.js (Sexta parte)

Práctico: Cree una aplicación web de sala de chat con tecnología de Node.js (Sexta parte)

Este Nodo.js La serie de tutoriales lo ayudará a crear una aplicación web de sala de chat en tiempo real con tecnología de Node.js completamente implementada en la nube. A lo largo de la serie, aprenderá a configurar Nodo.js en su máquina Windows, cómo desarrollar una interfaz web con Expresarcómo implementar una aplicación basada en Node Express para microsoft azurecómo utilizar Zócalo.IO para agregar una capa en tiempo real y cómo implementarlo todo junto.

Nivel: Principiante a Intermedio: se espera que sepa HTML5 y JavaScript

Parte 6: ¡El final y la depuración de aplicaciones de nodos remotos!

Bienvenido a la parte 6 de la serie de tutoriales prácticos de Node.js: Cree una aplicación web de sala de chat con la tecnología de Node.js. En esta última entrega, le mostraré cómo realizar una implementación final de su sala de chat y cómo realizar una depuración remota.

¡Implementación en Azure!

Ahora que tenemos funcionando nuestra aplicación de sala de chat anónima con tecnología de Node.js, implementémosla en la nube con unos pocos clics. Puede implementar en cualquier nube que admita Node.js. Usaré Microsoft Azure, ya que puedo ejecutar un sitio web de Node.js allí de forma gratuita. Puede registrarse para una prueba gratuita de Microsoft Azure aquí. Obtendrá créditos de prueba para gastar en todos los servicios de Azure. Para el servicio que estamos usando, Sitios web de Azure, en realidad puede ejecutar 10 sitios web sin gastar un centavo. 1. Una vez que haya configurado su cuenta de Azure, regrese al IDE, haga clic derecho en el proyecto y haga clic en Publicar.

clip_image001

2. Al hacer clic en Publicar, se abrirá un asistente con algunas opciones, seleccione los sitios web de Microsoft Azure de destino. 3. Se le pedirá que inicie sesión en este paso, utilice aquí la misma cuenta de Microsoft que utilizó en el registro de Azure. 4. Haga clic en Nuevo para crear un nuevo sitio web de Azure o, si ya ha creado uno, puede seleccionarlo del menú desplegable.

clip_image003

5. Deberá completar los campos en el asistente (tal como se muestra a continuación). Asegúrese de elegir un nombre de sitio único y luego haga clic en Crear.

PUBLICACIÓN DE BLOG - Parte 6 - Captura de pantalla 3

6. Se le presentará un asistente precargado. Hacer clic Publicar.

clip_image007

¡NOS HEMOS IMPLEMENTADO A LA NUBE PERO EL TRABAJO AÚN NO HA TERMINADO!

Habilitación de WebSockets en sitios web de Azure

Hay algunas cosas que debe hacer para asegurarse de que WebSockets esté habilitado en su sitio web. Si desea pasos más detallados o preguntas frecuentes, asegúrese de visita esta pagina. Primero, deberá habilitar WebSockets desde la línea de comandos de Azure o la pestaña Configuración, así:

clip_image008

En segundo lugar, querrá modificar su archivo web.config y la siguiente línea al elemento XML system.webServer.

<webSocket enabled="false" />

Puede parecer contradictorio, pero esto desactiva el módulo WebSockets de IIS, que incluye su propia implementación de WebSockets y entra en conflicto con los módulos WebSockets específicos de Node.js, como Socket.IO.

Depuración de aplicaciones de nodos remotos

Node Tools para Visual Studio viene con varias funciones de depuración avanzadas, como puntos de interrupción condicionales, puntos de interrupción de «recuento de visitas», puntos de seguimiento y soporte de depuración remota para Windows, Linux y OS X. Leer más aquí.

Conexión a instancias de nodos remotos

NTVS admite código de depuración remota que se ejecuta en sitios web de Azure. A diferencia de la depuración remota normal, no se puede acceder directamente a la máquina de destino a través de TCP. NTVS viene con un proxy WebSocket para el protocolo de depuración que expone el protocolo de depuración a través de HTTP. Cuando crea un nuevo proyecto de Windows Azure, el proxy está completamente configurado para usted en Web.Debug.config y se habilitará en el sitio web de Azure si publica su proyecto en la configuración «Depurar» siguiendo los siguientes dos pasos. 1. Haga clic derecho en el proyecto y seleccione Publicar.

clip_image001[1]

2. Seleccione la pestaña Configuración a la izquierda y asegúrese de elegir la configuración «Depurar» en el menú desplegable.

clip_image010

3. Haga clic en Publicar. Una vez que su proyecto se haya implementado correctamente y los WebSockets estén habilitados, puede conectarse al sitio web desde Server Explorer. Si no tiene abierta la ventana del Explorador de servidores, puede abrirla a través de Ver? Explorador de servidores. Luego, ubique su sitio web bajo Windows Azure. Sitios web y haga clic con el botón derecho en él. Si se está ejecutando y su proyecto se ha implementado mediante la configuración de depuración, debería ver el comando «Adjuntar depurador (Node.js)» en el menú contextual.

clip_image011

Registros de lectura y registros de transmisión

Si desea transmitir los registros más recientes, ¡es muy fácil! Todo lo que tiene que hacer es hacer clic derecho en su sitio web en Server Explorer y presionar Ver registros de transmisión.

clip_image012

Conclusión

¡Voila! ¡Ahí tienes! ¡Ahora tiene una sala de chat anónima en tiempo real en la nube! A lo largo de esta serie, aprendimos cómo configurar un nodo, desarrollar una interfaz web con express, implementar nuestra aplicación en la nube, cómo usar socket.io para agregar una capa en tiempo real y cómo implementarlo todo junto.

clip_image013

Asegúrese de volver a leer las diferentes partes en mi blog ya que ocasionalmente puedo agregar actualizaciones a este tutorial. Puedes mantenerte actualizado siguiendo mi cuenta de twitter @ramisayar. PD Si quieres más GIFs de éxito, ve aquí.

Más partes de la serie en MSDN

Parte 1 – Introducción a Node.js
Parte 2: Bienvenido a Express con Node.js y Azure
Parte 3 – Construcción de un backend con Node, Mongo y Socket.IO
Parte 4: creación de una interfaz de usuario de sala de chat con Bootstrap
Parte 5: Conexión de la sala de chat con WebSockets
Parte 6: ¡El final y la depuración de aplicaciones de nodos remotos!

Más aprendizaje para el nodo en Azure

Para un aprendizaje más profundo sobre el nodo, mi curso es disponible aquí en la Academia Virtual de Microsoft. O algunos videos de formato más corto sobre temas de nodos similares:

Este artículo es parte de la serie de tecnología de desarrollo web de Microsoft. Estamos emocionados de compartir Borde de Microsoft y es nuevo motor de renderizado contigo. Obtenga máquinas virtuales gratuitas o realice pruebas de forma remota en su dispositivo Mac, iOS, Android o Windows @ moderno.ES.

(dpe)


#Práctico #Cree #una #aplicación #web #sala #chat #con #tecnología #Nodejs #Sexta #parte

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada.