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

Paso 1 – Crea una Cuenta de Desarrollador de Zoom

Para empezar, debes tener una cuenta de desarrollador de Zoom.

Dirígete al sitio web del desarrollador de Zoom y haz clic en el botón Build App en la esquina superior derecha. Esto te llevará a iniciar sesión con tu cuenta de Zoom o registrarte para obtener una nueva cuenta. Asegúrate de que esta cuenta esté asociada con una suscripción a Zoom que permita crear aplicaciones.

Paso 2 – Crea una Aplicación en Zoom

Una vez que hayas iniciado sesión en tu cuenta de desarrollador, haz clic en Develop en el menú superior y luego en Build App. Esto te redirigirá al App Marketplace.

Ahora se te proporcionará una opción para elegir una aplicación OAuth o JWT. Aquí, estamos seleccionando OAuth App.

Proporciona a tu aplicación un nombre, selecciona la aplicación de User Level y luego haz clic en Create.

Paso 3 - Configurando tu Aplicación de Zoom

Dentro de tu recién creada aplicación de Zoom, haz clic en la pestaña App Credentials.

Aquí encontrarás el Client ID y el Client Secret, los cuales necesitarás más tarde.

Desplázate hacia abajo hasta la sección Redirect URL for OAuth e ingresa tu Bubble API Connector Redirect URL (Esto se encuentra en tu Bubble API Connector y por lo general sigue este formato https://your-bubble-app-domain.bubbleapps.io/api/1.1/oauth_redirect)

Paso 4 – Instala tu Aplicación Localmente

Avanza a la sección Local Test de tus configuraciones de Zoom y haz clic en Install.

Verás un pop-up pidiendo confirmación para abrir el enlace con la aplicación Bubble, haz clic en Open Bubble.

Paso 5 - Configura el Conector de API de Bubble

Inicia sesión en tú cuenta de Bubble, navega a la página donde deseas configurar la integración. Ve a Plugins -> Add plugin -> busca el API Connector.

En el conector de API, agrega una nueva API y dale un nombre. En la sección de Autorización, establece el tipo a OAuth2 con tipo de agente de usuario.

Ahora, llena los campos:

• Client ID y Client Secret - Cópialos de tu aplicación de Zoom.
• Access Token Endpoint - Establécelo en https://zoom.us/oauth/token
• Scope - Tendrás que ingresar scopes.

Consulta https://marketplace.zoom.us/docs/guides/auth/oauth para obtener más información sobre qué scopes agregar en función de la funcionalidad necesaria.

Luego, haz clic en el botón Initialize API.

Paso 6 – Prueba la API

Después de inicializar exitosamente la API, crea una nueva llamada.

Nombra la API, selecciona GET como el Data type, y establece tu API URL (Puedes obtener las URL de la API de la documentación de la API de Zoom para llamadas específicas, por ejemplo, para crear una reunión, la URL sería 'https://api.zoom.us/v2/users/me/meetings')

En la sección de Headers, añade Authorization como la clave y Bearer <<access token>> como el valor.

Haz clic en el botón Initialize Call y luego en Save.

Paso 7 - Usando la Llamada de la API en tu Aplicación

Ahora puedes usar la llamada de la API en tu aplicación de Bubble. Para usarla, ve al flujo de trabajo de cualquier disparador (por ejemplo, al hacer clic en un botón) y selecciona la acción como Plugins -> [Tu Llamada a la API].

¡Y eso es todo! Ahora puedes integrar Zoom con Bubble.io.
Recuerda, siempre debes revisar los permisos de la aplicación de Zoom para asegurarte de que no estás violando ninguna política de datos. Prueba tu aplicación exhaustivamente para verificar que la API funciona como se espera.

Ten en cuenta, algunas acciones pueden requerir diferentes headers o URLs de la API, puedes referirte a la documentación de la API de Zoom para llamadas específicas de la API.