Skip to main content

Queries y Transformaciones

Crear query​

  1. Panel inferior > +
  2. Selecciona datasource
  3. Configura query

SQL Queries​

Básica​

SELECT * FROM productos
WHERE precio > {{components.slider1.value}}
ORDER BY nombre

Con parámetros​

SELECT * FROM usuarios
WHERE email = {{components.textinput1.value}}

REST API​

GET​

URL: https://api.ejemplo.com/users
Method: GET
Headers: {
  "Authorization": "Bearer {{globals.apiKey}}"
}

POST​

URL: https://api.ejemplo.com/users
Method: POST
Body: {
  "name": "{{components.nameInput.value}}",
  "email": "{{components.emailInput.value}}"
}

Transformaciones​

Procesa datos después de la query:

// Filtrar resultados
return data.filter(item => item.active === true)

// Mapear campos
return data.map(item => ({
  id: item.id,
  nombre: item.firstName + ' ' + item.lastName,
  email: item.email
}))

// Agrupar
const grouped = data.reduce((acc, item) => {
  acc[item.category] = acc[item.category] || []
  acc[item.category].push(item)
  return acc
}, {})
return Object.entries(grouped)

Ejecución​

Automática​

  • Al cargar página
  • Al cambiar componente vinculado

Manual​

  • Botón con evento onClick
  • Run query action

Encadenada​

Query B ejecuta después de Query A:

  1. Query A > Events > On Success
  2. Run Query > Query B