Uso de Node.js en Genuino Cloud

Nuestro servicio cuenta con un framework de sitios web con Node.js para tiempos de carga más rápidos. Para utilizar Node.js en el desarrollo web, necesitarás un IDE, como se explica en este artículo.


Nuestro servicio ahora ofrece un framework de sitios web que utiliza Node.js, permitiendo tiempos de carga más rápidos y una mejor experiencia de visualización. Para usar Node.js, es necesario un Entorno de Desarrollo Integrado (IDE, por sus siglas en inglés). Un IDE es una aplicación de software que incluye un editor de código fuente, herramientas de automatización de compilación y un depurador. Dos IDEs comunes para desarrolladores de Node.js son WebStorm y Visual Studio.


El uso de cualquiera de estos IDEs permite a los desarrolladores crear sitios a través del panel de control de nuestro servicio. Este artículo te guiará en cómo utilizar estos IDEs y crear sitios web con Node.js desde el panel de control de nuestro servicio. Haz clic en el enlace correspondiente para acceder a las instrucciones según el IDE que estés utilizando:


Usando WebStorm
Usando Visual Studio

¿Qué es Node.js?

Node.js es un entorno de ejecución de JavaScript de código abierto para ejecutar scripts en el lado del servidor. Tradicionalmente, JavaScript se incrusta en el HTML de un sitio web y se ejecuta en el lado del cliente mediante un motor de JavaScript en el navegador del usuario. Node.js permite que JavaScript se ejecute en el lado del servidor para generar contenido dinámico antes de que la página se envíe al navegador web. Puedes obtener más información sobre Node.js en su sitio web

Usando WebStorm

Después de descargar e instalar WebStorm, necesitarás crear un proyecto. En este ejemplo, seleccionaremos Node.js Express App como tipo de proyecto.

    1. Abre app.js y agrega el siguiente código antes de exportar la aplicación:
    app.listen(process.env.PORT || 3000, function() {
    console.log('Example app listening on port 3000!')
    })

    Creando tu página web con Node.js

    2. Nuestro servicio no tiene disponible la opción de crear sitios al usuario, por lo que deberás solicitar a un agente, que al momento de crear el sitio, éste contenga el framework «[BETA] Windows/IIS8.5/NodeJS»


    3. El agente te confirmará la creación del sitio y te compartirá el acceso FTP que será necesario en el siguiente paso.


    el formato que se te proporcionará contendrá los datos de una manera parecida a la siguiente:


    FTP
    Host: ftp.host.com
    User: misitio
    Passwd: l%5U#3G6kJ
    Puerto: 21
    Directorio público: /www.misitio.com/web/content

    Administración de bases de datos, ingresando el mismo usuario y contraseña usados en la conexión FTP

    URL: https://admin.host.com


    4. Añade el host y servidor en una nueva configuración de despliegue en WebStorm. Haz clic en el botón “…” para permitir la conexión inicial y obtener una lista de directorios. Establece el valor predeterminado en /web/content/.

    5. Crea un mapeo de directorios basado en tu directorio local y no en /web/content/, luego sincroniza.

    Importante:

    Asegúrate de transferir server. js y web. config, luego haz clic en Synchronize All. Dependiendo de la cantidad de archivos en tu sitio, este paso puede tardar algunos momentos.

    6. Realiza una búsqueda y reemplazo rápida, intercambiando server. js por app. js.

    7. Sube los archivos modificados a tu ubicación FTP haciendo clic derecho sobre ellos y seleccionando Upload to $locationname. Ahora, tu sitio web con Node.js está listo para que comiences a programar.

    Usando Visual Studio

    En este ejemplo, utilizaremos Visual Studio 2017. Las instrucciones para descargarlo se encuentran aqui: www.visualstudio.com/vs/node-js/

    1. Para usar Node.js en Visual Studio 2017, necesitas habilitar la extensión mediante el instalador. Marca las casillas en las secciones ASPNET y desarrollo web y Desarrollo con Node.js.

    2. Crea un nuevo proyecto y selecciona la plantilla Node.js en la subsección de JavaScript.

    Importante: Microsoft, por defecto, no proporciona un archivo web. config, por lo que debes agregar uno para que la publicación funcione. A continuación, un ejemplo de plantilla:

    <?xml version="1.0" encoding="utf-8"?>
    <configuration>
     <system.webServer>
      <handlers>
       <add name="iisnode" path="server.js" verb="*" modules="iisnode" resourceType="Unspecified" requireAccess="Script" />
      </handlers>
      <rewrite>
       <rules>
        <rule name="server.js">
         <match url=".*" />
         <action type="Rewrite" url="server.js" />
        </rule>
       </rules>
      </rewrite>
     </system.webServer>
    </configuration>
    

    _____________________________________________________________________________________________________________<

    Instalación de paquetes NPM

    Si deseas usar paquetes NPM, Visual Studio lo permite. Haz clic derecho en NPM dentro del Explorador de soluciones y selecciona Instalar nuevos paquetes npm.

    Podrás buscar e instalar paquetes utilizando la función de búsqueda en Visual Studio.

    _____________________________________________________________________________________________________________<

    Publicación

    4. Una vez que tu proyecto esté listo, haz clic derecho sobre él en el Explorador de soluciones y selecciona Publicar.

    Publicación vía FTP

    5. Para publicar mediante FTP, necesitarás crear un Perfil de Publicación Personalizado seleccionando Personalizado e ingresando los detalles del perfil.

    6. Selecciona FTP como método de publicación e ingresa la información del usuario FTP.

    _____________________________________________________________________________________________________________<

    Advertencia:
    Visual Studio no admite SFTP.

    _____________________________________________________________________________________________________________<

    7. Después de ingresar y validar la información FTP, aparecerá una pantalla de configuración final donde podrás elegir publicar una versión de depuración (debug) o lanzamiento (release) de tu aplicación.

    8. Haz clic en Publicar y espera a que el FTP suba tu aplicación Node.js a tu sitio.