Tutorial de Bubble.io - Guardar archivos externamente en Google Drive con Zapier

En este tutorial vamos a almacenar archivos como imágenes o documentos de forma externa en Google Drive. Para ello utilizamos Zapier para usar una solución sin código para la integración. El enfoque es análogamente aplicable a Amazon Web Services S3 o a soluciones de almacenamiento como Dropbox.

Transcripción del vídeo

Hola, mi nombre es Chris Strobl y hoy os voy a enseñar cómo podemos guardar las fotos que tenemos en nuestra Bubble App en Google Drive y lo hacemos a través de Zapier. Empezaremos directamente y tomaremos el elemento de carga de imágenes. Y debajo tenemos un campo de entrada donde introducimos el nombre. Y un botón. Cargar imagen Entramos en Datos, creamos un nuevo tipo de datos. Picture y esto tiene tres campos, uno es Picture Name. Eso es un texto, uno es la propia imagen, eso es una imagen de tipo y la URL de la imagen.

Esto también es un texto. Si ahora entramos en el flujo de trabajo, Iniciar/editar flujo de trabajo. Crear una nueva cosa una imagen. Y el nombre de la imagen está en el valor del nombre. Ahora el segundo paso es Hacer cambios a una cosa y tomamos Resultado del Paso 1 y la URL de la imagen. Vamos a hacer https:. E Insertar datos dinámicos, resultado de la imagen del Paso 1. Y la URL. La URL en Bubble aparece con un S3.Amazon.com.

Es decir, si tenemos https delante, llegamos directamente a la URL correcta después. Luego vamos a Plugins. E instala el plugin oficial de Zapier de Bubble, que no es legacy, sino el nuevo plugin. Instala esto. Y ahora vemos Añadir otro Zap Trigger aquí. Haces clic en él y lo llamamos subida a Google Drive. Y el tipo de activación es una imagen. Actualmente esto no está activo. Vamos a volver a entrar en Workflow Plugins Trigger a Zapier Zap. Y toma aquí. Resultado del paso 1.

Y por último, restablecer las entradas pertinentes. Si ahora vas a Zapier, crea un nuevo Zap allí. Primero buscamos a Bubble. Así que el gatillo. Y ahora podemos establecer un nuevo evento de activación del flujo de trabajo aquí. Tienes que conectarte a Bubble si no lo estás ya. Entonces se abrirá un campo aquí. Ya estoy conectado a Bubble. A continuación, seleccione el ID de la aplicación. Y la versión de la aplicación, así que si esto es la versión en vivo y la versión de desarrollo y el Zap. ID. Ahora tienes esta nueva identificación aquí y haces Continuar. Si ahora va a probar el activador, recibirá un mensaje de error porque la API de datos no está expuesta. Para ello tienes que ir a Configuración, API y Habilitar la API de datos. Y ahora tienes que publicarlo para la foto. También puede volver a Privacidad y comprobar si la propia imagen es visible y no está restringida.

Volvemos a entrar en Zapier y probamos de nuevo el trigger. Y ahora tenemos los datos de Bubble Standard aquí. Aquí vamos a continuar. Y seleccionamos Google Drive como segunda aplicación. Y lo hicimos Subir archivo aquí. A continuación, iniciamos sesión en Google Drive. Y selecciona la carpeta Zapier Image Uploader que ya ha sido creada. Ahora puedes seleccionar Archivo en todas las opciones, aquí tenemos la URL de la imagen. Si tomas la imagen directamente, a veces hay problemas y sube un texto en su lugar. Pero si tienes la URL de la imagen, funciona en cualquier caso. Y Convertir a documento falso y el nombre del archivo, tomamos el nombre de la imagen, que es un campo de texto. Entonces pulsamos continuar. Y debido a los datos de la demostración, no veremos una imagen. Pero sin embargo tenemos que hacer la prueba una vez para activar toda la integración de Zapier.

También puedes omitir la prueba. Personalmente, me siento mejor cuando lo hago. Vemos que la prueba fue exitosa y por lo tanto ahora también tenemos este campo de texto Lorem Ipsum en Google Drive, que es más o menos los datos de la demostración. Sí que enciendes a Zap. Y ahora vamos a probar lo que sucede cuando probamos la aplicación. Ahora hacemos clic en Cargar una imagen. Toma esta cubierta. Nombra la imagen como Porsche 911 y pulsa Subir Imagen una vez.

Una vez que entramos en la base de datos, que son los datos de la aplicación de datos, entonces vemos la URL aquí. Pero también el nombre de la imagen y la propia imagen. Si luego entramos en Zapier Google, vemos que hemos subido la imagen y al mismo tiempo también tenemos el nombre de la imagen.

Eso significa que nuestra subida en la aplicación ha llevado a que tengamos los datos en Bubble por un lado, pero al mismo tiempo también hemos subido el archivo a Google Drive. Lo bueno de Zapier es que aquí también tienes integraciones completamente diferentes. Ya sea Amazon S3 o Dropbox o servicios completamente diferentes. Esto significa que puedes integrar maravillosamente entre Bubble y Zapier y casi todas las posibilidades están abiertas para ti. Y todo ello sin tener que programarlo tú mismo.

Si te ha gustado este vídeo, haz clic en el botón "Me gusta" y suscríbete al canal. Esto, a su vez, nos ayuda a conseguir un mayor alcance. Esto hace que merezca la pena seguir ofreciendo más contenidos gratuitos. Si tienes alguna pregunta, no dudes en escribir en los comentarios. Hasta entonces, les deseo que sigan teniendo éxito y hasta pronto.