/Bubble Development Agency

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

Mejora la eficiencia de tu flujo de trabajo aprendiendo cómo integrar Bubble.io con Jenkins a través de nuestra guía fácil y paso a paso.

¿Qué es Jenkins?

Jenkins es una herramienta de automatización de código abierto utilizada principalmente para la integración continua y las pipelines de entrega continua. Está escrito en Java y facilita la prueba e informe de cambios aislados en una base de código más grande en tiempo real. Esto permite a los desarrolladores encontrar y resolver defectos en una base de código rápidamente, mejorando así la calidad del software. Jenkins es compatible con herramientas de control de versiones como Subversion, Git, Mercurial y Maven, y proporciona una manera fácil de automatizar la implementación de código.

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 Jenkins?

Esta guía te ayudará a integrar Bubble.io con Jenkins, facilitándote la implementación y gestión de tus proyectos.

Pre-requisitos

Asegúrate de tener lo siguiente antes de empezar:

  • Acceso de administrador a una instancia de Jenkins
  • Cuenta de Bubble.io
  • Cuenta de GitHub (o cualquier sistema de control de versiones que Jenkins soporte)
  • Conocimientos básicos de Jenkins y Bubble.io

Paso 1: Iniciar Jenkins

Primero, Jenkins necesita estar en funcionamiento. Si Jenkins está instalado en tu máquina local, la dirección predeterminada suele ser http://localhost:8080/. Si no, usa la URL correcta para navegar hasta tu tablero de Jenkins.

Paso 2: Instalar los Plugins Necesarios

Necesitarás instalar algunos plugins antes de comenzar. Para hacerlo, navega a Gestionar Jenkins > Gestionar Plugins. Aquí, verás una lista de plugins disponibles. Instala lo siguiente:

  • Plugin de Git: permite a Jenkins obtener tu último código del repositorio Git, donde se encuentra tu proyecto Bubble.io.
  • Plugin de GitHub: permite la integración entre Jenkins y GitHub.

Asegúrate también de que los plugins necesarios para construir tu proyecto estén instalados (como el plugin Node.js si usas JavaScript).

Paso 3: Proyecto Bubble.io a Github

Tu proyecto Bubble.io necesita ser enviado a GitHub:

  1. Dentro de tu cuenta Bubble.io, abre tu proyecto.
  2. Procede a Despliegue > Desarrollo > push al branch.

Nota: Necesitarás tener tu cuenta de GitHub vinculada. Si no lo has hecho, hazlo yendo a Cuenta > Configuración > Cuentas vinculadas.

Paso 4: Configurar Trabajo en Jenkins

  1. Desde tu tablero de Jenkins, haz clic en Nuevo elemento.
  2. Ingresa un nombre para el trabajo, elige Proyecto tipo libre, luego haz clic en Aceptar.
  3. En la siguiente página, bajo General, proporciona una breve descripción de tu proyecto.
  4. Bajo Gestión de código fuente, selecciona Git e ingresa la URL de tu repositorio de GitHub. Deja las credenciales en blanco si tu repositorio es público. De lo contrario, agrega tus credenciales de GitHub.
  5. Bajo Disparadores de construcción, puedes elegir cómo quieres que se dispare la construcción. Si deseas que la construcción comience cada vez que haces cambios en tu código, selecciona Disparo de gancho de GitHub para la revisión de GITScm.
  6. Bajo Construir, selecciona Ejecutar Shell. Aquí, puedes escribir los pasos específicos que deben tener lugar cuando se construye tu proyecto. Esto variará en base a tu proyecto. Podría ser la instalación de dependencias, compilación de código, ejecución de pruebas, etc.
  7. Haz clic en Guardar.

Paso 5: Enlace del repositorio de Github a Jenkins

  1. Ve a tu repositorio en GitHub.
  2. Selecciona Configuración > Webhooks.
  3. Haz clic en Añadir Webhook.
  4. Para URL de carga, ingresa https://<tu-url-de-jenkins>/github-webhook/.
  5. Para Tipo de contenido, elige application/json.
  6. Elige la opción Solo el evento push.
  7. Haz clic en Activo luego Guardar.

¡Felicidades! Jenkins ahora está conectado a Bubble.io a través de GitHub. Por cada push al repositorio de GitHub, se activará una nueva construcción en Jenkins.

Aquí tienes un consejo: para ver la salida de la consola de una construcción en ejecución o completada, haz clic en la pequeña flecha junto al número de construcción en el tablero de Jenkins, y selecciona Salida de la consola. Esto puede ser extremadamente útil para depurar problemas de construcción e implementación.

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

Escenario: Una startup de desarrollo de aplicaciones quiere agilizar su ciclo de prueba de aplicaciones. Usan Bubble.io para crear una aplicación personalizada y quieren asegurarse de que cada actualización o cambio en la aplicación sea debidamente probado. El equipo de negocio decidió usar Jenkins; un conocido servidor de automatización de código abierto que permite a los desarrolladores construir, probar y desplegar sus aplicaciones. Ahora, necesitan hacer una integración entre Bubble.io y Jenkins para iterar rápidamente en su aplicación automatizando todas las tareas de prueba y despliegue.

Solución: Integrar Bubble.io con Jenkins

Desarrollo de la aplicación: La startup usa Bubble.io para crear su aplicación, completa con flujos de trabajo personalizados y interfaces de usuario. La plataforma intuitiva y sin código de Bubble.io permite al equipo construir rápidamente e iterar basándose en la retroalimentación del usuario.

Configurando la integración: El departamento de IT de la startup configura Jenkins para vincularlo con su repositorio en el que tienen su código exportado de Bubble.io. Configuran Jenkins para automatizar la construcción y las integraciones, cuando se realiza cualquier nuevo commit.

Compilación y prueba automatizadas: Después de cada cambio en la aplicación de Bubble.io, el equipo exporta y envía la nueva versión del código a su repositorio. Jenkins tira de este nuevo commit automáticamente y construye la aplicación para verificar si los últimos cambios han roto algo.

Despliegue: Si la construcción es exitosa, Jenkins despliega la aplicación a un entorno de pruebas para más pruebas. Al recibir un pase del equipo de QA, la aplicación se despliega automáticamente a producción.

Monitoreo Continuo y Bucle de Retroalimentación: Jenkins ejecuta construcciones programadas incluso cuando no hay nuevos commits para verificar constantemente la salud de la aplicación. Cualquier error de compilación se informa inmediatamente al equipo de desarrollo.

Beneficios:

  • Velocidad: Con Jenkins, cualquier cambio en el código de la aplicación se prueba y se despliega rápidamente.
  • Iteraciones seguras: Si alguna actualización rompe la aplicación, el equipo de desarrollo puede solucionar el problema antes de implementar las actualizaciones.
  • Integración perfecta: Jenkins también puede integrarse con otras herramientas que usa la startup, como Docker, Maven y Git; demostrando ser una solución integral para el ciclo de prueba de aplicaciones.
  • Automatización: Jenkins se puede programar para revisiones regulares sin intervención humana, asegurando la eficiencia del proceso de prueba.

Al integrar Bubble.io con Jenkins, la startup de desarrollo de aplicaciones puede manejar sin esfuerzo sus tareas de prueba y despliegue de aplicaciones, asegurando que cada actualización sea confiable y robusta, impulsando así, en última instancia, una mejor satisfacción del usuario.

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