Desde: 31-Mar-2023
Hasta 29-Ago-2023
Modo

Despliegue en Namecheap (13.ª parte)

Omar Giancarlo

Descripción Corta:

Aprende a desplegar tu aplicación Node.js en Namecheap con este tutorial paso a paso. Despliegue en Namecheap fácil y rápido.

Anterior Siguiente

En este artículo, veremos cómo realizar el despliegue en Namecheap de una aplicación de Node.js. Namecheap es un servicio de alojamiento web que ofrece la posibilidad de subir aplicaciones de Node.js a través de su panel de control. En este artículo, veremos cómo desplegar una aplicación de Node.js en Namecheap. Para seguir este tutorial, asumiremos que ya tienes una cuenta en Namecheap y que tienes acceso al panel de control.

Si te perdiste la parte 12 ve aquí.

Acceder al panel de control

Una vez que hayas ingresado en tu cuenta de Namecheap, accede al panel de control. A continuación, dirígete al icono de Node.js y selecciónalo para abrir la pantalla de configuración.

Configurar los parámetros de la aplicación

Para realizar el despliegue en Namecheap de una aplicación de Node.js. En la pantalla de configuración, tendrás que completar varios datos. En primer lugar, debes seleccionar la versión de Node.js que deseas utilizar. Luego, elige el modo en el que deseas ejecutar tu aplicación: modo de desarrollo o modo de producción. En este caso, seleccionaremos el modo de producción.

El siguiente paso es especificar la ruta de tu aplicación. Aquí, deberás ingresar el nombre de la carpeta donde se subirán los archivos de tu aplicación. También deberás indicar la URL de tu aplicación. Puedes crear un subdominio desde el menú desplegable del panel de Node.js.

Luego, tendrás que escribir la ruta del archivo que se utilizará para iniciar tu aplicación. En este caso, utilizaremos "src/index.js". Si tienes variables de entorno, también puedes configurarlas en esta sección.

Una vez que hayas completado todos los datos, presiona el botón “crear” para continuar.

Subir los archivos de tu aplicación

Ahora, para realizar el despliegue en Namecheap de una aplicación de Node.js. Tendrás que ubicar la carpeta que seleccionaste o creaste. Si la creaste, estará en la raíz del directorio. Ingresa en la carpeta y elimina la carpeta "src", ya que se encuentra vacía. A continuación, crea un archivo zip con los archivos de tu aplicación, excluyendo la carpeta "node_modules" y el archivo ".env". Este último contiene variables de entorno que solo se utilizan en el entorno de desarrollo.

Una vez que tengas el archivo zip, súbelo a la carpeta de tu servidor y extrae su contenido. Luego, vuelve al panel de Node.js de tu aplicación y refresca la página. Verás que se habilita el botón "Run NPM install". Antes de instalar las dependencias, edita el archivo “package.json” y elimina “dev”, dejando solo “start”. Debería quedar así:

  "scripts": {
    "start": "src/index.js"
  },

Ahora, presiona el botón “Run NPM install” para instalar las dependencias de tu aplicación. Una vez que se complete la instalación, presiona el botón "Open" para acceder a la ruta de tu aplicación.

Crear una base de datos

En este artículo, hemos visto cómo realizar el despliegue en Namecheap de una aplicación de Node.js. En este punto, tu aplicación ya debería estar funcionando. Sin embargo, aún no hemos creado la base de datos necesaria para su funcionamiento. Antes de hacerlo, ve a phpMyAdmin y selecciona la base de datos que estás utilizando en localhost. Luego, presiona el botón “exportar” y descarga el archivo SQL resultante.

Continuando con el proceso de creación de una base de datos para nuestro proyecto, una vez que tenemos el archivo SQL descargado, procedemos a crear una nueva base de datos en nuestro cPanel. Para ello, accedemos al botón donde está el asistente para crear bases de datos y le damos un nombre a nuestra nueva base de datos.

Posteriormente, creamos un usuario para esa base de datos, seleccionando la opción “todos los privilegios” y estableciendo una contraseña para el acceso. De esta manera, ya tenemos nuestra base de datos creada y lista para ser utilizada.

Para realizar la conexión con nuestra base de datos, es necesario tener a mano ciertos datos, que se encuentran en el archivo ".env", en este caso los datos son:

DB_HOST=localhost
DB_PORT=3306
DB_USER=root
DB_PASSWORD=holamundo
DB_DATABASE=companydb

El primer dato, "localhost", se deja tal cual está. El segundo dato, "DB_PORT", por lo general por defecto, es 3306, pero es importante revisar que el puerto sea correcto, lo podemos encontrar en phpMyAdmin en la parte superior de la aplicación.

Luego colocamos el usuario que seleccionamos, la contraseña que establecimos para el usuario y por último, el nombre de la base de datos que creamos. Es importante no dejar espacios y asegurarnos de que no haya ningún error en el tipeo.

Una vez que hemos agregado estos datos en el panel de Node.js de nuestra aplicación, presionamos el botón "guardar" y reiniciamos nuestra aplicación. Con esto, habremos completado la conexión a la base de datos desde un servidor real.

Conclusión

Desplegar una aplicación de Node.js en Namecheap es un proceso relativamente sencillo y que se puede realizar en pocos pasos. Con la ayuda del panel de control de Node.js de Namecheap y siguiendo los pasos descritos en este artículo, podrás subir tu aplicación y ponerla en línea en cuestión de minutos.

Es importante tener en cuenta algunos detalles, como la selección de la versión de Node.js y la configuración adecuada de las variables de entorno y de la conexión a la base de datos. Pero siguiendo los pasos adecuados y prestando atención a cada detalle, no deberías tener ningún problema para desplegar tu aplicación en Namecheap.

Espero que este artículo te haya sido de utilidad y te haya ayudado a entender mejor cómo desplegar una aplicación de Node.js en Namecheap. ¡Mucho éxito con tu proyecto!

Anterior Siguiente