Gallery
Documentación Front-End
Share
Explore
Documentación Front-End

Documento de Despliegue de Proyecto a un Servidor


Objetivo:
El objetivo de este documento es proporcionar una guía paso a paso para desplegar el proyecto "proyecto-centralizado-front" en un servidor de desarrollo o pruebas ubicado en la dirección IP 192.168.4.25. Se realizarán las acciones necesarias para asegurar que el proyecto funcione correctamente en modo de desarrollo.
Requisitos previos:
Acceso a la cuenta de Bibcuket con permisos para acceder al repositorio "proyecto-centralizado-front".
Tener configuradas las credenciales de Bitbucket para realizar operaciones con la línea de comandos (Git).
Conocimientos básicos de línea de comandos y manejo de repositorios Git.
Tener acceso al servidor de desarrollo o pruebas con la dirección IP 192.168.4.25 y las credenciales de desarrollo.

Pasos para el despliegue:

Paso 1: Ingresar a Bitbucket
Abrir un navegador web e ingresar a la plataforma de Bitbucket.
Iniciar sesión con las credenciales de acceso correspondientes.
Paso 2: Buscar e Ingresar al Repositorio "proyecto-centralizado-front"
Utilizar la función de búsqueda para encontrar el repositorio llamado "proyecto-centralizado-front".
Acceder al repositorio para ver su contenido.
Paso 3: Realizar Checkout a la Rama de Desarrollo
Abrir la línea de comandos (por ejemplo, la terminal en sistemas Unix o Git Bash en Windows).
Navegar al directorio local donde se desea clonar el repositorio.
Ejecutar el siguiente comando para clonar el repositorio en el directorio local:
git clone https://OscarZapataJunaeb@bitbucket.org/oscarelmasrankeao/sistema-centralizado-front.git
4. Navegar al directorio del proyecto clonado:
cd proyecto-centralizado-front
5. Verificar las ramas disponibles en el repositorio:
git branch -a
6. Realizar el checkout a la rama “desarrollo”:
git checkout Desarrollo

Paso 4: Realizar Pull de los Archivos
Asegurarse de estar en la rama de desarrollo:
git branch
2. La rama activa debe estar resaltada con un asterisco (*).
3. Actualizar la rama de desarrollo local con los últimos cambios del repositorio remoto:
git pull origin Desarrollo
Paso 5: Verificar que el Proyecto Funcione en Modo de Desarrollo
Asegurarse de que las dependencias estén instaladas:
yarn install
2. Iniciar el servidor de desarrollo:
yarn dev
3. Abrir un navegador web e ingresar a la dirección local del servidor de desarrollo (por ejemplo, ).
Verificar que el proyecto funcione correctamente en el navegador.
Paso 6: Realizar Build del Proyecto
Detener el servidor de desarrollo si aún está en ejecución (Ctrl + C en la línea de comandos).
Ejecutar el siguiente comando para construir el proyecto:
yarn build
Paso 7: Subir el Proyecto al Servidor de Desarrollo o Pruebas
Utilizar un cliente de transferencia de archivos (por ejemplo, FileZilla) para conectarse al servidor remoto en la dirección IP 192.168.4.25 utilizando las credenciales de desarrollo.
Navegar a la ubicación donde se desplegará el proyecto en el servidor.
Paso 8: Copiar el Contenido de la Carpeta "dist"
Desde la línea de comandos local, ejecutar el siguiente comando para copiar la carpeta "dist" del proyecto al servidor:
scp -r /ruta/del/proyecto/dist usuario@192.168.4.25:/ruta/destino/en/el/servidor
Paso 9: Reemplazar los Archivos
Verificar que la carpeta "dist" se haya copiado correctamente en el servidor.
Si existen archivos previos en la ruta de destino en el servidor, realizar una copia de respaldo o eliminarlos.
Mover los archivos de la carpeta "dist" al directorio de destino en el servidor.
Paso 10: Verificar el Despliegue
Acceder al sitio web o la aplicación en el servidor utilizando un navegador web.
Verificar que el proyecto se despliegue correctamente y funcione sin errores.
¡Enhorabuena! Has completado el despliegue del proyecto "proyecto-centralizado-front" en el servidor de desarrollo o pruebas.
Recuerda mantener actualizada la documentación y realizar pruebas exhaustivas antes de llevar a cabo el despliegue en un entorno de producción. Si encuentras algún problema durante el proceso de despliegue, revisa los pasos y verifica las configuraciones para asegurarte de que todo esté correctamente configurado.

Share
 
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.