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

La integración de Bubble.io con Asana permite sincronizar datos entre estas dos plataformas. Esta guía te guiará a través del proceso de integración utilizando una conexión API de Bubble a Asana. Este método requiere cierto conocimiento de las API web, pero los pasos a continuación deberían guiarte a través del proceso.

Preparación
Antes de comenzar, asegúrate de tener lo siguiente:

• Una cuenta activa en Bubble.io
• Una cuenta activa en Asana. Esta debe ser una cuenta premium ya que ciertas características de la API no están disponibles en la versión gratuita.

Paso 1: Configuración de la Conexión API en Bubble.io

• Inicia sesión en tu cuenta de Bubble.io y dirígete al panel de control de tu aplicación.
• Elige la aplicación que deseas integrar con Asana y luego ve a la pestaña "Configuración".
• En el menú de la izquierda, selecciona "APIs" y luego haz clic en el botón "+ Agregar otra API".
• Ingresa un nombre para la nueva conexión API. Por claridad, sugerimos algo como "API de Asana".

Paso 2: Agregar URL de API en Bubble.io

A continuación, deberás agregar la URL base para la API de Asana.

• En el campo "URL base", ingresa https://app.asana.com/api/1.0/.
• Ten en cuenta que esta URL siempre termina con una barra ("/").

Paso 3: Configurar Autorización

• En Asana, ve a "Configuración de mi perfil", luego a "Aplicaciones" y desplázate hasta "Aplicaciones de desarrollador".
• Haz clic en "+ Nueva aplicación", rellena los detalles requeridos.
• En el campo "URL de redirección", ingresa la URL https://bubble.io/postmessage_auth.
• Una vez creada, obtendrás un "ID de cliente" y "Secreto de cliente".

Regresa a Bubble.io y:

• Establece la "Autenticación" a "Autogestionada"
• Para "Flujo de trabajo de inicio de sesión+registro", selecciona "Gestiona inicios de sesión"
• Establece "Campo de identificación de usuario" como gid
• Establece "Campo de token de acceso" como access_token
• Marque la casilla "Usar tokens de actualización".

Paso 4: Encabezado HTTP

• Para "Nombre del token en el encabezado HTTP", ingresa Authorization
• Para "Prefijo para el token de acceso", ingresa Bearer

Paso 5: URL de Token

• Deja la casilla "El token se envía a través del cuerpo JSON" sin marcar.
• Establece la "URL del token" como https://app.asana.com/-/oauth_token
• Para "Tipo de llamada de token", selecciona POST.

Paso 6: Agregar Parámetros

Agrega cuatro parámetros:

1. client_id con valor como el ID de cliente de Asana
2. client_secret con valor como el Secreto de cliente de Asana
3. redirect_uri con valor https://bubble.io/postmessage_auth
4. grant_type con valor authorization_code.

Además, agrega dos valores para usar mientras estás conectado:

1. refresh_token con valor Resultado del token de actualización del paso 1
2. grant_type refresh_token.

Paso 7: Configurar Llamadas API

Ahora puedes configurar las llamadas API para acceder, crear o modificar datos en Asana.

• Vuelve a la página principal de la ventana del conector API.
• Haz clic en Agregar otra llamada.
• Especifica la configuración de cada llamada, incluyendo VERBO, punto final de la API, y parámetros si es necesario.

Paso 8: Inicializar y probar Llamada API

• Haz clic en el botón "Iniciar llamada".
• Bubble.io te pedirá que autorices la aplicación. Inicia sesión con tu cuenta de Asana y autoriza el acceso.
• Si todo está configurado correctamente, la llamada API se iniciará y estará lista para su uso en tu aplicación.

Recuerda presionar guardar antes de salir de cualquier ventana en Bubble.io. La configuración para la integración de Asana está ahora completa. Bubble.io puede utilizar estas llamadas API en flujos de trabajo y fuentes de datos en toda tu aplicación de Bubble.