Crear despligue automatico con Github - Depura-Creatividad Librería de Componente

Ambiente de Pruebas

Crear despligue automatico con Github

martes 9 diciembre 2025

1. Ingresar a la cuenta de Github en la que fue creado el repositorio, en este caso el Github de depura(Depura-dev). actualmente tiene una opción de seguridad que es La autenticación en dos fases (2FA). por lo tanto aunque tengas el usuario y la contraseña siempre pide un código para acceder a la misma(ese código le llega actualmente a Max se puede solicitar y de inmediato acceder).
2. Una vez accedemos a la cuenta, seleccionamos el repositorio en que vamos a trabajar en esta ocasión (Component-Library). Luego damos click en Settings
3. Le damos en la opción secret and variables -> action. Luego le damos donde dice nuevo repositorio secreto
4. Al hacer esto nos muestra el formulario con los campos que necesitamos llena para crear un secreto en Github
5. vamos a crear dos secretos: el usuario le asignamos el siguiente nombre FTP_USER y asignamos el usuario FTP correspondiente al servidor de desarrollo y damos click donde dice add secret; a la contraseña le ponemos FTP_PASSWORD y la contraseña que corresponde al servidor como hicimos con el usuario. Estas credenciales las encontramos en el documento compartido
6. Una vez finalizado el proceso debe verse así en la parte de secrets
7. Ahora vamos a crear un directorio en la raíz del repositorio, lo podemos hacer desde github o en nuestro local donde hemos previamente clonado el repositorio, crear un archivo llamado deploy.yml la ruta del directorio exactamente es: .github/workflows/deploy.yml en este archivo vamos a copiar lo siguiente
```
on:
  push:
    branches:
      - master
name: 🚀 Deploy website on push
jobs:
  web-deploy:
    name: 🎉 Deploy
    runs-on: ubuntu-latest
    steps:
    - name: 🚚 Get latest code
      uses: actions/checkout@v2

    - name: 📂 Sync files
      uses: SamKirkland/FTP-Deploy-Action@4.0.0
      with:
        server: 148.72.170.203
        username: ${{ secrets.ftp_user }}
        password: ${{ secrets.ftp_password }}
        server-dir: dep6/web/
```
  En server va la Ip o el Nombre del servidor en username y password de esta manera hacemos referencia a los secretos que hemos creado en el github del repositorio de modo que la información que ingresamos allá respecto a usuario y contraseña está implícita aquí por medio de esos secretos, por último tenemos la ruta donde está el directorio principal del proyecto que es la carpeta web.(en otros casos web no está en una sub carpeta, sino que se hace referencia directamente a ella).
8. una vez actualizado esos cambios en el repositorio vamos a la pestaña Actions y cuando todo termine si fue exitoso el deploy mostrará el siguiente mensaje al igual que cada vez que se suba algo correctamente.

Autor

Elan Francisco P. Asprilla

Desarrollador Frontend

Artículos relacionados

Grid

Galería de Documentos (Palmas)

Este componente nos permite mostrar un conjunto...

Concepto

useReducer en React: Guía Completa

¿Qué es useReducer? useReducer es un Hook de...

Mantenimiento

Cómo Crear y Configurar Header y Footer con el Plugin EAU en...

Si trabajas con WordPress y Elementor,...

Utlis

Enviar formulario por correo (Hidrotecno)

Antes de continuar, debes ver los siguientes...