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

Paso 1: Comenzar con la integración de Bubble.io

Para integrar Bubble.io con Box, necesitarás una cuenta tanto en Bubble.io como en Box. Si no tienes una cuenta de Box, puedes crear una gratis en www.box.com. Por otro lado, si no tienes una cuenta en Bubble.io, puedes crear una de forma gratuita en www.bubble.io.

Paso 2: Configurar la aplicación de Box

• Ve a Box Developers (developers.box.com) y haz clic en Crear nueva aplicación.
• Selecciona Aplicación personalizada y luego clic en Siguiente.
• Elige OAuth 2.0 con JWT (autenticación de servidor) como tipo de seguridad y luego clic en Siguiente.
• Nombra tu aplicación en consecuencia y luego clic en Crear aplicación.
• Después de crearla, aparecerá una página. Haz clic en Ver tu aplicación.
• La página de la aplicación mostrará algunos detalles importantes como client_id, client_secret, public_key_id y JWT_key, los usaremos para configurar Bubble.io.
• Desplázate hacia abajo y haz clic en Agregar y administrar claves públicas. Bajo Clave pública, haz clic en el botón + para agregar una clave. Esto genera la ID de la Clave Pública que usaremos más tarde.
• En la parte inferior, en la sección Credenciales OAuth 2.0, verás client_id y client_secret.

Paso 3: Generar una clave pública

Para integrar Box en Bubble.io, necesitamos una clave pública. Sigue los pasos a continuación para generar una clave pública:

• Abre tu terminal y navega hasta el lugar donde deseas guardar tu clave.
• Ejecuta openssl genrsa -aes256 -out private_key.pem 2048 para generar una clave privada.
• Ejecuta openssl rsa -pubout -in private_key.pem -out public_key.pem para generar una clave pública.
• Abre el archivo public_key.pem en un editor de texto y copia el contenido.

Paso 4: Configurando la configuración de Box

• Regresa a la página de tu aplicación en tu consola de desarrollador de Box.
• Pega la clave pública en el campo de clave pública y guarda los cambios. Esto generaría la public_key_id.
• Ve a Acceso de aplicación y asegúrate de seleccionar Empresa.
• En Características avanzadas, asegúrate de que Realizar acciones como usuarios y Generar tokens de acceso de usuario estén marcadas.
• Finalmente haz clic en Guardar cambios.

Paso 5: Configurar el entorno de Bubble.io

• Abre tu aplicación Bubble y ve a Plugins > Añadir Plugins.
• Busca Box y haz clic en Instalar.
• Ahora ve a Configuración > General > Claves API > Box.
• Pega tu client_id, client_secret, public_key_id y JWT_key que obtuviste de las configuraciones de la aplicación de Box en los campos correspondientes en Bubble.io.

Paso 6: Administrar ámbitos

• Regresa a la consola de la aplicación de Box.
• Bajo Ámbitos, asegúrate de que estén marcados los siguientes: Gestionar usuarios, Leer y escribir todos los archivos y carpetas almacenados en Box, Leer y escribir todos los grupos, Leer y escribir toda la información del usuario.
• Bajo Ámbitos de la aplicación, marca gestionar propiedades de la empresa.

Paso 7: Probar la integración

• Ahora puedes crear flujos de trabajo en Bubble usando Box. Para comprobar si todo se ha hecho correctamente, puedes crear un simple flujo de trabajo de registro de usuario en Bubble.io y usar acciones de Box para almacenar los datos del usuario.
• Ejecuta tu aplicación para ver si funciona. Si la autenticación fue exitosa, deberías poder realizar acciones en Box a través de Bubble.io.

Nota: Los pasos anteriores muestran cómo configurar Bubble.io para conectarse con Box usando operaciones del lado del servidor (back-end). Pueden ser necesarios diferentes pasos si quieres realizar operaciones de front-end (es decir, hacer llamadas a la API directamente desde el navegador del usuario).

Recuerda mantener estas claves secretas privadas y seguras, permiten un control total sobre tu cuenta de Box. Cualquier persona con acceso a estas claves podrá manipular tus datos.