Integración de Bubble.io y Trello: Guía paso a paso 2024

Bubble.io es una herramienta de lenguaje de programación visual destinada a aplicaciones basadas en la web. Es popularmente utilizado como una plataforma de bajo código/sin código, que permite a los usuarios construir software utilizando interfaces visuales. Además de eso, puedes aprovechar las API de herramientas populares para mejorar las capacidades de tu aplicación Bubble.

Así que, aquí tienes una guía paso a paso sobre cómo puedes integrar Bubble.io con Trello, una aplicación de creación de listas en estilo Kanban basada en web. Esta integración puede ayudarte a gestionar tus tareas de proyecto de manera más eficiente.

Paso 1: Crea una Aplicación en Bubble.io

Primero, necesitas una aplicación en Bubble.io para integrarla con Trello:

• Visita Bubble.io escribiendo https://bubble.io/ en tu navegador.
• Si aún no has creado una cuenta, haz clic en el botón Get started for Free. De lo contrario, inicia sesión en tu cuenta de Bubble.io.
• En el panel de control de Bubble.io, haz clic en el botón "New Application".
• Dale a tu aplicación un nombre, selecciona el dominio (opcional), luego haz clic en "Create a New App".

Paso 2: Consigue tu Clave y Token de la API de Trello

Después de que tu aplicación esté lista, necesitas obtener tu clave y token de la API de Trello:

• Abre una nueva pestaña en tu navegador web y navega a https://trello.com/app-key.
• Inicia sesión con tu cuenta de Trello.
• Después de iniciar sesión, copia tu 'Clave' y 'Secreto'. Tu 'Clave' se usará como tu 'Clave de la API' y el 'Secreto' se usará como 'Secreto de la API'.
• Para obtener tu token de API, haz clic en el enlace de "Token" donde se te indica que generes un token manualmente. Copia el token, ya que lo necesitarás pronto.

Paso 3: Instala el Plugin del Conector de API en Bubble.io

Este plugin permite que tu aplicación llame a la API de Trello:

• Regresa a tu aplicación de Bubble.io, ve a la pestaña Plugins.
• Haz clic en Add plugins, luego busca "API Connector".
• Instala el plugin del conector de API haciendo clic en Install.

Paso 4: Usa el Conector de API para Conectar con Trello

En este paso, conectarás tu aplicación Bubble.io con Trello usando el Conector de API:

• Aún en la pestaña de Plugins, haz clic en API Connector.
• Haz clic en 'Add another API', luego ingresa los siguientes detalles:
  • Nombre de API: Trello.
  • URL base: https://api.trello.com/1/
• Haz clic en 'Authentication' y selecciona ‘Self-handled through parameters’.
• Para la sección de 'Configuración de claves y tokens', agrega tres parámetros:
  • Key - key: Ingresa la clave de la API que obtuviste de Trello.
  • Key - token: Ingresa el token de la API que obtuviste de Trello.
• Haz clic en Add another call.
• Ingresa un nombre para la llamada, como "Get Boards".
• Deja la misma URL base.
• Elige GET para el menú desplegable del verbo.
• Añade "members/me/boards” al final de la URL.
• Configura 'Query parameters' como key=API_key&token=API_token utilizando tu clave de API y token real.
• Haz clic en ‘Initialize call’.

Si todos los detalles de tu API de Trello se ingresaron correctamente, verás una respuesta exitosa de la llamada de la API. ¡Tu aplicación Bubble.io ha sido integrada con éxito con Trello! Ya estás listo para iniciar la importación de datos relevantes de Trello a tu aplicación Bubble.io.

Paso 5: Usa la Información de Trello

Ahora que tu aplicación Bubble.io está conectada a Trello, puedes usar esta integración para mostrar y manipular datos de Trello:

• Ve a la pestaña Design en tu aplicación Bubble.io.
• Añade un nuevo elemento basado en la información que quieres mostrar de Trello.
• Con el nuevo elemento seleccionado, ve al Inspector de Elementos y cambia el Tipo de Contenido a Trello - Get Boards.
• Debajo de Fuente de datos, haz clic en Insert Dynamic Data... y selecciona Obtener datos de una API.
• Selecciona la llamada de la API de Trello (por ejemplo, "Get Boards").

Ahora puedes controlar exactamente cómo quieres mostrar los datos de Trello. Por ejemplo, puedes mostrar los nombres de todos los tableros de tu cuenta de Trello en un grupo repetitivo en Bubble.io. También puedes crear, actualizar o eliminar tarjetas en Trello, creando llamadas a la API relativas siguiendo el proceso en el paso 4, y obteniendo las API necesarias de la documentación de Trello.

Ten en cuenta que el uso de la API de Trello está sujeto a la propia política de límite de velocidad de Trello. Se te recomienda leer la política y ajustar tus llamadas a la API para ajustarte a sus reglas. El incumplimiento de los límites de velocidad de Trello puede resultar en prohibiciones temporales y otras penalizaciones.