Una pregunta habitual que nos hacen los clientes es «¿puede Bubble conectarse a X API?». La respuesta es un rotundo sí, gracias al potente plugin API Connector de Bubble.
Una de las mayores ventajas de utilizar la herramienta No-Code Bubble es su capacidad para integrarse con APIs y bases de datos externas rápidamente
Se conecta a cualquier tipo de servicio externo que exponga una API para lectura/escritura (incluyendo pagos, fuentes de datos, proveedores de autenticación, etc.). Además, es totalmente extensible mediante plugins de Javascript. Puedes crear tus propios plugins para añadir conexiones a servicios no soportados, añadir elementos escritos en Javascript o escribir código de servidor.
Para ayudarle a integrarse con las API como un programador tradicional y conectarse a servicios de terceros, hemos reunido la siguiente información educativa en torno a las API y los recursos para utilizar el conector de API de Bubble.
Acerca de las llamadas API: un repaso rápido
Antes de entrar de lleno en cómo utilizar el Conector API de Bubble, repasemos primero algunas cosas básicas sobre las llamadas API
Si eres nuevo en el impresionante mundo de las llamadas y conexiones API, te recomendamos encarecidamente que consultes primero los siguientes recursos:
Componentes de una llamada API:
(1) Url:
La ubicación del servidor (combinación de ‘host / server’, ‘endpoint’, y ‘querystring parameters’)
Para la URL: https://example.org/v2/top-headlines?country=us&category=business&apiKey=API_KEY
- Host / servidor: https://example.org
- Punto final: /v2/top-headlines[/font]
- Cadena de consulta (lo que aparece después de ‘?’): country=us&category=business&apiKey=API_KEY
(2) Método:
- GET-Solicitaal servidor que recupere un recurso (por ejemplo, obtener datos de una publicación concreta de Facebook)
- POST: solicita al servidor que cree un nuevo recurso (por ejemplo, crear una publicación en Facebook con los datos proporcionados en el cuerpo de esta llamada a la API)
- PUT: solicita al servidor que edite/actualice un recurso existente (por ejemplo, actualizar una publicación existente en Facebook con el cuerpo de esta llamada api)
- DELETE-Pideal servidor que elimine un recurso (por ejemplo, eliminar un post existente en facebook)
- La mayoría de las veces utilizarás los métodos Get o Post
(3) Cabeceras:
- Datos adicionales para el servidor. Por ejemplo, autorización, tipo de contenido
- Por ejemplo: ‘Authorization: Basic ksdfr435jgk’, ‘Content-Type’:’application/json’
(4) Cuerpo:
- Objeto JSON para pasar la información al servidor. A veces también se denomina «carga útil»
- P. ej. {«Nombre»: «Juan», «Empresa»: «lanzami», «Días trabajados»: 700, «Todavía allí» : true}
- Se utiliza sobre todo con llamadas POST. Para llamadas de tipo GET, normalmente la información que necesita el servidor se proporciona en la propia URL
Cómo usar el Conector API de Bubble
El Conector API es un plugin creado por Bubble que te permite crear tus propias conexiones personalizadas con otros productos que admitan una conexión API
Si no estás seguro de cómo leer la documentación de la API o cómo configurar llamadas a la API en Bubble, tenemos una serie de 7 vídeos que explican cómo leer la documentación de la API, cómo utilizar esta información para configurar una llamada a la API en el Conector de API de Bubble y cómo Bubble.io captura y muestra la respuesta de la API en la pestaña de diseño. Míralos aquí:
- Cómo conectarse a cualquier API a través del Conector de API de Bubble (sin autenticación) [Tutorial 1/7 del Conector de API]
- Cómo configurar la autenticación de API con clave privada en Bubble [Tutorial del conector de API 2/7]
- Cómo configurar la autenticación básica para APIs en Bubble [Tutorial del Conector de API 3/7]
- Cómo configurar OAuth en Bubble usando Spotify Parte 1 (proceso manual) [Tutorial del Conector de API 4/7]
- Cómo configurar OAuth en Bubble usando Spotify Parte 2 (a través del Conector de API)[Tutorial del Conector de API 5/7]
- Cómo configurarWebhooks en Bubble utilizando Shopify[Tutorial del conector de API 6/7]
- Cómo leer la respuesta JSON de la API en Bubble [Tutorial del Conector de API 7/7]
Para obtener más información, accede a la Guía de referencia del conector de API de Bubble aquí
¿Necesita ayuda para crear su aplicación en Bubble?
Aunque Bubble sigue siendo más rápido y fácil que el desarrollo tradicional, tiene una curva de aprendizaje más alta que algunas herramientas no-code.
Si está buscando un desarrollador externo de Bubble que le ayude a crear su aplicación personalizada rápidamente, consulte nuestra guía sobre cómo elegir el desarrollador o la agencia de Bubble adecuados
Lanzami es la agencia que le ayudará a lanzar rápidamente su aplicación personalizada ponte en contacto con nosotros para hablar de tu proyecto hoy mismo
