FaceTicket Test App

Esta es una aplicación de prueba para verificar el funcionamiento del SDK de FaceTicket con la API.

Configuración

1. Variables de Entorno

Copia el archivo env.example a .env y configura las variables:

cp env.example .env

Edita el archivo .env con tus credenciales:

# Configuración de la API
REACT_APP_API_URL=http://localhost:3007/api

# Credenciales OAuth (reemplaza con tus valores reales)
REACT_APP_GOOGLE_CLIENT_ID=tu_google_client_id_aqui
REACT_APP_MICROSOFT_CLIENT_ID=tu_microsoft_client_id_aqui
REACT_APP_MICROSOFT_TENANT_ID=tu_microsoft_tenant_id_aqui

2. Configurar OAuth (Opcional)

Para probar la autenticación OAuth, necesitas:

Google OAuth:

1. Ve a Google Cloud Console
2. Crea un proyecto o selecciona uno existente
3. Habilita la API de Google+
4. Crea credenciales OAuth 2.0
5. Agrega http://localhost:3000 a los orígenes autorizados
6. Copia el Client ID al archivo .env

Microsoft OAuth:

1. Ve a Azure Portal
2. Registra una nueva aplicación
3. Configura las URLs de redirección
4. Copia el Client ID y Tenant ID al archivo .env

Ejecución

1. Asegúrate de que la API esté corriendo

cd ../api
npm start

2. Inicia la aplicación de prueba

npm start

La aplicación se abrirá en http://localhost:3000

Funcionalidades de Prueba

Autenticación por Email

• Ingresa tu email
• Recibe un código por email
• Verifica el código para autenticarte

Autenticación OAuth

• Google: Click en "Continuar con Google"
• Microsoft: Click en "Continuar con Microsoft"

Información del Usuario

Una vez autenticado, verás:

• ID del usuario
• Nombre
• Proveedor de autenticación
• Avatar (si está disponible)

Solución de Problemas

Error de CORS

Si ves errores de CORS, asegúrate de que:

1. La API esté corriendo en el puerto 3007
2. El archivo .env tenga la URL correcta de la API

OAuth no funciona

Si OAuth no funciona:

1. Verifica que las credenciales en .env sean correctas
2. Asegúrate de que las URLs de redirección estén configuradas
3. Para desarrollo, puedes probar solo con autenticación por email

API no responde

Si la API no responde:

1. Verifica que esté corriendo en el puerto 3007
2. Revisa los logs de la API
3. Asegúrate de que la base de datos esté configurada correctamente