Desplegar tu app web con FTP y GitHub (guía para principiantes)

¿Ya terminaste tu aplicación local y quieres que el mundo la vea? En esta guía aprenderás a preparar tu entorno de producción, exportar e importar tu base de datos en un servidor compartido, y transferir tus archivos mediante FTP con FileZilla. También te explico cómo usar GitHub y Git para gestionar tu código como un profesional.

Repositorio en GitHub y Operaciones Básicas con Git

GitHub es una plataforma para alojar y colaborar en proyectos de código. Git es la herramienta que controla las versiones.

Paso 1: Instala Git

Descarga Git desde git-scm.com e instálalo en tu computadora.

Paso 2: Configura Git

git config --global user.name "Tu Nombre"
git config --global user.email "tuemail@email.com"

Paso 3: Inicializa un repositorio

# Ve a la carpeta de tu proyecto
cd /ruta/a/tu/proyecto

# Inicializa el repositorio
git init

# Añade todos los archivos
git add .

# Haz tu primer commit
git commit -m "Primer commit: proyecto full-stack listo"

Paso 4: Sube a GitHub

Crea un nuevo repositorio en GitHub.com y sigue las instrucciones:

git remote add origin https://github.com/tuusuario/tu-proyecto.git
git branch -M main
git push -u origin main

Preparación del Entorno de Producción

Antes de subir tu app, asegúrate de que el servidor esté listo:

  • PHP: versión compatible (7.4 o superior)
  • MySQL: base de datos creada
  • phpMyAdmin: acceso para importar BD
  • Permisos: carpetas con permisos correctos (ej: 755)

Actualiza credenciales de conexión si cambian (host, usuario, contraseña).

Exportación e Importación de BD en un Servidor Compartido

Desde phpMyAdmin en tu entorno local:

  1. Selecciona tu base de datos
  2. Ve a la pestaña Exportar
  3. Elige método Rápido o Personalizado
  4. Descarga el archivo SQL

En el servidor de producción:

  1. Abre phpMyAdmin
  2. Crea una nueva base de datos
  3. Selecciona la BD y ve a Importar
  4. Sube el archivo SQL
  5. Ejecuta

Transferencia de Archivos mediante FTP con FileZilla

FileZilla es un cliente FTP gratuito para subir archivos al servidor.

Pasos para conectar:

  1. Abre FileZilla
  2. Ingresa tus credenciales FTP:
    • Servidor: ftp.tudominio.com
    • Usuario: usuario@tudominio.com
    • Contraseña: tucontraseña
    • Puerto: 21
  3. Haz clic en Conectar

Subir archivos:

  • A la izquierda: tus archivos locales
  • A la derecha: archivos del servidor
  • Arrastra y suelta tu carpeta de proyecto a public_html

Verifica que todo funcione

Una vez subido:

  • Visita tudominio.com
  • Prueba el login y registro
  • Verifica que PHPMailer funcione
  • Corrige rutas relativas si es necesario

¿Has completado el ciclo full-stack?

¡Felicidades! Has recorrido todo el camino: desde los fundamentos hasta el despliegue en producción. Ahora puedes crear aplicaciones web completas y llevarlas al mundo real.

Volver a la Guía Full-Stack → Ver Módulo 8: Sistema de Login →

¿Quieres la versión completa del libro?

Esta guía es una versión resumida del libro "Programación Full-Stack", que incluye:

  • ✅ Todos los ejercicios resueltos paso a paso
  • ✅ Códigos listos para copiar y probar
  • ✅ Explicaciones profundas de seguridad y buenas prácticas
  • ✅ Acceso a actualizaciones futuras
Comprar en Amazon →

¿Tienes dudas o sugerencias? ¡Déjalas en los comentarios!