/Bubble Development Agency

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

Explora nuestra guía paso a paso sobre cómo integrar Bubble.io con Wasabi de manera eficiente, elevando tu proceso de desarrollo web a su máximo potencial.

¿Qué es Wasabi?

Wasabi es una herramienta multifacética conocida principalmente como un servicio de almacenamiento en la nube diseñado para reemplazar los sistemas de almacenamiento tradicionales basados en cintas y discos. Es compatible con la mayoría de las herramientas de respaldo y recuperación de terceros. El aspecto sobresaliente de Wasabi es su rentabilidad y rendimiento. Ofrece transferencia de datos de alta velocidad, permitiendo el almacenamiento de datos hasta 6 veces más rápido que otros competidores importantes, y su costo es aproximadamente una quinta parte del de AWS S3. Los datos almacenados en Wasabi siempre están cifrados y se usan a menudo para la protección de datos y la recuperación de desastres.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a free No-Code consultation

¿Cómo integrar Bubble.io con Wasabi?

Paso 1: Creación de una cuenta Wasabi

Antes de poder configurar la integración, necesitarás una cuenta Wasabi. Si no tienes una, puedes crear una yendo al sitio web de Wasabi en https://wasabi.com/ y haciendo clic en el botón "Prueba Wasabi". Proporciona la información necesaria para crear tu cuenta.

Paso 2: Creación de un nuevo Bucket en Wasabi

Una vez se haya configurado tu cuenta de Wasabi, tendrás que crear un nuevo bucket donde Bubble.io puede almacenar tus archivos.

Inicia sesión en tu cuenta de Wasabi y haz clic en la opción "Buckets" ubicada en el menú lateral izquierdo. Luego haz clic en el icono "+" para crear un nuevo bucket. Ingresa un nombre apropiado para tu bucket. Selecciona una región más cercana a tu servidor de aplicación. Luego haz clic en el botón "Crear Bucket".

Paso 3: Creación de una Clave de Acceso en Wasabi

Ahora necesitarás crear una clave de acceso que permitirá a Bubble.io conectarse a Wasabi.

Ve al menú "Claves de Acceso" y haz clic en el botón "+Crear Nueva Clave de Acceso". Proporciona un nombre para la clave y deja desmarcada la opción "Adjuntar al Usuario Principal". Luego haz clic en el botón "Crear Clave de Acceso".

Después de crear la clave de acceso, anota el ID de la Clave de Acceso y la Clave de Acceso Secreta que se generó. Asegúrate de guardar esta información en un lugar seguro, ya que no podrás recuperar la Clave de Acceso Secreta nuevamente.

Paso 4: Configuración de la Integración de Wasabi en Bubble.io

Ahora configurarás la integración de Wasabi en tu aplicación de Bubble.io.

Inicia sesión en tu cuenta de Bubble.io y ve al editor de tu aplicación. Luego navega a la pestaña de Configuración y selecciona la opción API del submenú.

A continuación, haz clic en el botón "+Agregar Conexión API". En el menú desplegable del Proveedor API, selecciona la opción "Wasabi". Luego necesitarás proporcionar el ID de la Clave de Acceso y la Clave de Acceso Secreta que creaste en Wasabi.

Después de proporcionar las credenciales, haz clic en el botón "Inicializar API". Bubble.io luego probará la conexión con Wasabi y si todo va bien, verás una notificación de éxito.

Paso 5: Configuración de Cargas de Archivos a Wasabi en Bubble.io

Ahora que la integración está configurada, puedes configurar tu aplicación para cargar archivos a Wasabi.

Ve a la pestaña de Diseño y selecciona la página donde quieres añadir la función de carga de archivos. Luego selecciona el elemento donde quieres agregar la función de carga de archivos, como un botón o imagen, y abre su configuración.

En el menú desplegable de tipo, selecciona "Cargador de Archivos". Luego en el menú desplegable de acción, selecciona "Subir Archivo a Wasabi".

A continuación, proporciona los detalles necesarios, como el nombre del bucket que creaste en Wasabi y el nombre que quieres para el archivo cargado, que puede ser dinámico dependiendo de tus necesidades.

Después de proporcionar la información necesaria, haz clic en el botón "Guardar" para guardar los cambios.

Paso 6: Prueba de la integración Bubble.io y Wasabi

Ahora que todo está configurado, asegúrate de probar la integración cargando un archivo utilizando la función de carga de archivos que configuraste en Bubble.io. Después de subir un archivo, verifica que se haya cargado con éxito a Wasabi comprobando el contenido de tu bucket de Wasabi.

¡Y eso es todo! Has configurado con éxito la integración de Bubble.io con Wasabi. Ahora puedes subir archivos a Wasabi directamente desde tu aplicación de Bubble.io.

Caso práctico de integración de Bubble.io y Wasabi

Escenario: Una empresa de producción de videos busca crear un portal en línea fácil de usar donde sus clientes puedan ver, descargar y compartir fácilmente sus videos completos. La compañía utiliza Bubble.io para construir una aplicación web personalizada para satisfacer esta necesidad. Sin embargo, el almacenamiento y recuperación de estos grandes archivos de video presenta un desafío. La compañía elige Wasabi por su solución de almacenamiento en la nube rentable y sus amplios límites de tamaño de archivo. Ahora quieren asegurarse de que su aplicación Bubble.io y el servicio de almacenamiento Wasabi se integren sin problemas.

Solución: Integrando Bubble.io con Wasabi

Construcción de la Aplicación: La compañía aprovecha la plataforma de desarrollo sin código de Bubble.io para crear una aplicación web fácil de usar para la visualización y compartición de videos.

Configuración de la Integración: Dentro de su aplicación Bubble.io, instalan un plugin o hacen uso de flujos de trabajo API que les permiten conectar con su cuenta de almacenamiento Wasabi.

Flujo de Trabajo de Carga de Datos: Una vez se completa un proyecto de video, la empresa de producción sube el archivo a Wasabi. Luego, crean una referencia a este archivo dentro de su aplicación Bubble.io.

Flujo de Trabajo de Recuperación de Video: Cuando un cliente inicia sesión en la aplicación y selecciona un video, la aplicación Bubble.io recupera el archivo de video de Wasabi. El video se transmite o se descarga temporalmente para que el cliente lo vea.

Funcionalidad para Compartir: La aplicación también incluye la funcionalidad para que los clientes generen enlaces compartibles directamente a los archivos de video almacenados en Wasabi, lo que facilita la compartición con otros.

Gestión de Almacenamiento: El equipo puede gestionar y archivar fácilmente sus archivos de video en Wasabi, manteniendo una interfaz optimizada para sus clientes en su aplicación Bubble.io.

Beneficios:

Eficiencia: La integración permite la carga, almacenamiento, recuperación y compartición eficientes de grandes archivos de video.

Facilidad de Uso: La empresa proporciona una interfaz fácil de usar para que los clientes accedan y compartan sus videos, mejorando la satisfacción del cliente.

Rentabilidad: Al usar Wasabi para el trabajo pesado del almacenamiento de archivos de video, la empresa ahorra en costos, ya que no es necesario invertir mucho en sus propios servidores de almacenamiento.

Escalabilidad: La solución puede acomodar fácilmente aumentos en la producción de video y el número de clientes, gracias a las capacidades de Bubble.io y Wasabi.

Al integrar Bubble.io con Wasabi, la empresa de producción de video no solo mejora su oferta a los clientes con una aplicación web fácil de usar, sino que también resuelve el desafiante problema del almacenamiento y recuperación de grandes archivos.

Más recursos valiosos sin código

No-Code Tools Reviews

Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.

Explore

WeWeb Tutorials

Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.

Explore

No-Code Tools Comparison

Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.

Explore
Want to Enhance Your Business with Bubble?

Then all you have to do is schedule your free consultation. During our first discussion, we’ll sketch out a high-level plan, provide you with a timeline, and give you an estimate.

Book a free consultation

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences