EBAC Logotipo
Menú

10.4 Crea tu cuenta y conecta GitHub con Render

Crea tu cuenta en Render paso a paso, conecta GitHub y deja listo el entorno para desplegar tu proyecto. Todo de forma clara y sin complicaciones

1. Crea tu cuenta en Render.com

Para comenzar, accede a render.com y haz clic en Sign Up.


Puedes crear tu cuenta de dos formas:

  1. Usando tu correo electrónico y una contraseña.
  2. Con tu cuenta de GitHub (opción recomendada para facilitar el despliegue).


Render ofrece un plan gratuito ideal para publicar proyectos educativos como tu app en Flask, sin necesidad de tarjeta de crédito.

2. Autoriza el acceso a tus repositorios de GitHub

Render necesita permiso para acceder a tu código fuente.


Cuando conectes tu cuenta de GitHub:

  1. Elige si deseas dar acceso a todos tus repositorios o solo a los que selecciones.
  2. Asegúrate de incluir el repositorio donde tienes tu app Flask.


Este paso es esencial para que Render pueda clonar tu código automáticamente y desplegarlo desde la nube.

3. Crea un nuevo Web Service desde tu repositorio

Una vez conectado GitHub, haz clic en: New → Web Service


Selecciona el repositorio que contiene tu app, por ejemplo Rutina.py, y configura los siguientes campos:

  1. Branch: main o master (El nombre de rama principal que uses).
  2. Build Command: déjalo en blanco o escribe pip install -r requirements.txt.
  3. Start Command: gunicorn app:app


Haz clic en Create Web Service para iniciar el despliegue.

Render comenzará a instalar dependencias, construir tu app y publicarla online.

4. Espera el despliegue automático y accede a tu app

Render instalará tus dependencias, lanzará tu servidor Flask y generará automáticamente una URL pública para tu aplicación.

Podrás ver el progreso del despliegue en tiempo real desde el panel de control.


Una vez completado, Render mostrará un enlace como:

https://tu-app.onrender.com


Haz clic y verifica que todo funcione correctamente en producción: rutas, vistas, formularios y respuestas del servidor.

5. Crea variables de entorno para proteger tu app

Para proteger tu app sin exponer contraseñas en GitHub, usa variables de entorno en Render:


1. Accede al panel de Render

Entra a tu servicio y abre la pestaña Environment.


2. Agrega estas variables:

  1. APP_USER → tu nombre de usuario
  2. APP_PASSWORD → tu contraseña


Estas variables se almacenan de forma segura y no son visibles desde el código.

3. Tu app leerá estas credenciales desde el entorno en lugar de tenerlas embebidas.

6. Usa las variables para proteger rutas en Flask

Agrega este bloque en tu archivo app.py para habilitar autenticación básica:



from flask import request, Response


import os





def check_auth(user, pwd):


    return user == os.environ.get("APP_USER") and pwd == os.environ.get("APP_PASSWORD")





def authenticate():


    return Response("Acceso restringido", 401, {"WWW-Authenticate": "Basic realm='Login Required'"})





def require_auth(f):


    def wrapper(*args, **kwargs):


        auth = request.authorization


        if not auth or not check_auth(auth.username, auth.password):


            return authenticate()


        return f(*args, **kwargs)


    wrapper.__name__ = f.__name__


    return wrapper

Aplica @require_auth a las rutas que quieras proteger.


Render podrá clonar y ejecutar tu app de forma segura, sin exponer tu contraseña.