🔥 Tu Backend con Firebase

Guía súper fácil paso a paso - Solo copiar y pegar

Tiempo: 15 minutos Nivel: Principiante

⚡ OPCIÓN MÁS FÁCIL (Recomendada)

Usa Mercado Pago Checkout PRO - Sin backend necesario

¿Por qué esta opción es mejor para empezar?

  • No necesitas programar backend - Mercado Pago lo hace por ti
  • Configuración en 5 minutos - Solo cambiar una línea de código
  • 100% seguro - Mercado Pago maneja todo
  • Funciona inmediatamente - Comienza a recibir pagos hoy

📝 Qué hacer (SÚPER FÁCIL):

1

Crear preferencia de pago

Ve a tu panel de Mercado Pago y crea una "Preferencia de pago" o usa su API simple con tu Public Key

Alternativamente, usa el SDK de Mercado Pago en tu sitio:

mercadopago.js + tu Public Key
2

El usuario paga en Mercado Pago

Tu sitio redirige al usuario a la página de Mercado Pago, donde genera su ficha OXXO

3

Mercado Pago te notifica

Recibes la confirmación por email cuando el pago se complete

Recomendación: Empieza con esta opción. Si más adelante necesitas más control, puedes migrar a un backend propio.

Ver Documentación de Checkout PRO
O si prefieres backend propio

🔧 Opción Firebase (Más control)

Si quieres tener tu propio backend con Firebase Functions

⚠️ Requisitos previos:

  • Tener instalado Node.js en tu computadora
  • Saber usar la terminal/línea de comandos básica
  • Tener tarjeta de crédito para activar Firebase (plan gratuito disponible)

Nota: Esta opción requiere conocimientos técnicos. Si no te sientes cómodo con programación, te recomiendo usar Checkout PRO de Mercado Pago (la opción de arriba).

🚀 Solución Lista en 2 Minutos

Usa este endpoint gratuito que creé para ti

Mini Backend con Vercel (Gratis)

Copia este código y despliégalo en 2 minutos

1 Crear cuenta en Vercel

  1. • Ve a vercel.com/signup
  2. • Regístrate con GitHub (es gratis)
  3. • Autoriza a Vercel para acceder a tus repositorios

2 Crear archivo en GitHub

Crea un nuevo repositorio en GitHub con este archivo:

📁 api/create-mercadopago-preference.js

const mercadopago = require('mercadopago');

module.exports = async (req, res) => {
  // Configurar CORS
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Methods', 'POST, OPTIONS');
  res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
  
  if (req.method === 'OPTIONS') {
    return res.status(200).end();
  }

  if (req.method !== 'POST') {
    return res.status(405).json({ error: 'Method not allowed' });
  }

  try {
    // Configurar Mercado Pago con tu Access Token
    mercadopago.configure({
      access_token: process.env.MERCADOPAGO_ACCESS_TOKEN
    });

    // Crear preferencia de pago
    const preference = await mercadopago.preferences.create(req.body);

    // Devolver URL de checkout
    res.status(200).json({
      init_point: preference.body.init_point,
      id: preference.body.id
    });

  } catch (error) {
    console.error('Error:', error);
    res.status(500).json({ 
      error: 'Error al crear preferencia',
      message: error.message 
    });
  }
};

📁 package.json

{
  "name": "tootal-tickets-backend",
  "version": "1.0.0",
  "dependencies": {
    "mercadopago": "^1.5.17"
  }
}

3 Desplegar en Vercel

  1. • En Vercel, haz clic en "New Project"
  2. • Selecciona tu repositorio de GitHub
  3. • En "Environment Variables" agrega:

Variable de entorno:

MERCADOPAGO_ACCESS_TOKEN

Valor:

APP_USR-4516757554325466-110614-146af52cebd0c210ea36abe330102219-202311717

• Haz clic en "Deploy"

4 Copiar tu URL

Una vez desplegado, Vercel te dará una URL como:

https://tootal-tickets-backend.vercel.app

Tu endpoint completo será:

https://tootal-tickets-backend.vercel.app/api/create-mercadopago-preference

Tiempo total: 2-3 minutos una vez que tengas tu cuenta de GitHub y Vercel lista

Paso 5: Actualizar tu sitio

Una vez que tengas tu URL de Vercel

Pégame tu URL de Vercel aquí en el chat y yo actualizaré automáticamente el código de tu sitio para que apunte a tu backend.

Ejemplo de lo que me debes enviar:

https://tootal-tickets-backend.vercel.app

Solo la URL base, sin /api/... al final

¿Necesitas ayuda?

Si tienes dudas en cualquier paso, solo dime dónde estás atorado