Integración de Bright Data en ToolJet para aplicaciones web de monitoreo en vivo para empresas

En este artículo, aprenderás:

• Qué es ToolJet y qué ofrece como plataforma de desarrollo de aplicaciones full-stack de bajo código.
• Por qué conectarlo con Bright Data es ideal para el desarrollo de aplicaciones web de nivel empresarial.
• Cómo construir una aplicación web real para monitoreo en vivo usando ToolJet y Bright Data.
• Otros casos de uso compatibles con la integración ToolJet + Bright Data.

¡Comencemos!

¿Qué es ToolJet?

ToolJet es una plataforma de bajo código impulsada por IA para construir aplicaciones internas full-stack, dashboards, flujos de trabajo y agentes de IA.

Te ayuda a lanzar rápidamente herramientas como paneles de administración, CRMs y dashboards de datos sin necesidad de un desarrollo frontend/backend extenso. Es especialmente útil para empresas que desean conectar bases de datos, APIs y herramientas SaaS en aplicaciones internas seguras, manteniendo el control total sobre la infraestructura y los datos.

ToolJet tiene una naturaleza de código abierto, con más de 38,000 estrellas en GitHub. Además del despliegue en la nube para flexibilidad empresarial, también admite autoalojamiento.

Características principales

Las principales capacidades que ofrece ToolJet son:

• Constructor de aplicaciones con IA: Crea aplicaciones full-stack a partir de indicaciones en lenguaje natural, incluyendo interfaz de usuario, esquemas de bases de datos y lógica.
• Automatización de flujos de trabajo: Construye flujos de trabajo de múltiples pasos usando lógica visual, disparadores, condiciones y eventos programados.
• Más de 80 integraciones: Conéctate a bases de datos, APIs, almacenamiento en la nube y plataformas SaaS de forma nativa.
• Base de datos ToolJet: Base de datos integrada respaldada por PostgreSQL para operaciones CRUD rápidas sin configuración externa.
• Agentes de IA: Crea agentes inteligentes que automatizan flujos de trabajo complejos de múltiples sistemas.
• Extensibilidad de código: Agrega JavaScript o Python personalizado para lógica avanzada y transformaciones.
• Seguridad empresarial: Compatible con SSO (SAML, OIDC, LDAP), RBAC, registros de auditoría, cifrado y estándares de cumplimiento.
• Despliegue flexible: Ejecuta en ToolJet Cloud o autoaloja en AWS, GCP, Azure, Kubernetes o Docker.
• Control de versiones basado en Git: Compatible con GitSync y flujos de trabajo CI/CD para la gestión profesional del ciclo de vida del desarrollo.

Por qué conectar las APIs de Bright Data en ToolJet

Sin duda, las aplicaciones internas empresariales, los dashboards y los flujos de trabajo necesitan datos. Sin embargo, depender únicamente de bases de datos internas ya no es suficiente para generar información empresarial de alta calidad.

Los sistemas internos pueden decirte qué está ocurriendo dentro de tu empresa. Sin embargo, no pueden explicar qué está pasando en el mercado, entre los competidores o en el ecosistema digital en general.

El verdadero desafío es que los datos web externos son difíciles de recopilar y usar a gran escala. Los sitios web cambian constantemente su estructura, muchos utilizan protecciones anti-bot, y los datos suelen ser no estructurados, inconsistentes o incompletos.

Incluso cuando el scraping es posible, mantener la fiabilidad en miles de fuentes se convierte en un problema de ingeniería continuo. Como resultado, las empresas tienen dificultades para integrar datos externos en sus aplicaciones internas.

La solución es combinar herramientas de construcción de aplicaciones internas como ToolJet con una capa de infraestructura de datos web dedicada. ¡Aquí es donde entra Bright Data!

Las APIs de Bright Data como solución

Al conectar las aplicaciones de ToolJet con Bright Data, los dashboards y flujos de trabajo internos obtienen acceso a datos en tiempo real, estructurados y fiables de prácticamente cualquier sitio web. La integración en ToolJet es posible a través de las APIs de Bright Data, que te dan acceso a los productos de Bright Data:

• API SERP: Recopila resultados de motores de búsqueda de Google, Bing y otros proveedores para potenciar el estudio de mercado, el seguimiento SEO y el análisis competitivo.
• API Web Unlocker: Accede al contenido de prácticamente cualquier sitio web eludiendo CAPTCHAs y sistemas anti-bot, devolviendo HTML o Markdown limpio.
• APIs de Web Scraper: Extrae datos estructurados de las principales plataformas como Amazon, LinkedIn e Instagram sin necesidad de construir scrapers personalizados.
• API de rastreo: Convierte dominios completos en conjuntos de datos estructurados, permitiendo pipelines de datos completos y flujos de trabajo listos para IA.

Lo que distingue a Bright Data es su infraestructura de nivel empresarial construida específicamente para la recopilación de datos a gran escala. Su red incluye más de 400 millones de direcciones IP en 195 países, con un tiempo de actividad del 99,99% y una tasa de éxito del 99,95%.

Cómo crear una aplicación de monitoreo de datos en tiempo real en ToolJet usando las APIs de Scraping de Bright Data

En esta sección, aprenderás a construir una aplicación para monitorear datos de reseñas de aplicaciones en la App Store de Apple. Esto puede usarse para rastrear cambios en la calificación de tu aplicación de forma continua o para monitorear aplicaciones de la competencia.

ToolJet se utilizará para construir la aplicación web completa, mientras que los datos provendrán de Bright Data. Ten en cuenta que muchos otros escenarios y casos de uso pueden construirse usando el mismo enfoque.

¡Sigue las instrucciones a continuación!

Requisitos previos

Para seguir este tutorial, asegúrate de tener:

• Una cuenta de ToolJet (el plan gratuito es suficiente).
• Una cuenta de Bright Data con una clave API. Sigue la guía oficial para generar tu clave API de Bright Data.

También será útil estar familiarizado con cómo funcionan las APIs de Scraper de Bright Data.

Paso #1: Familiarízate con la API de Scraper de la App Store de Apple

La aplicación full-stack de ToolJet que estás a punto de construir dependerá de datos recuperados de la App Store de Apple a través de Bright Data. Por eso, tiene sentido familiarizarse con las APIs de Scraper de la App Store de Apple de Bright Data.

Comienza iniciando sesión en tu cuenta de Bright Data. En el panel de control de Bright Data, ve a “Scrapers > Scrapers Library” desde el menú de la izquierda. Esto te llevará a la página “Scrapers Library”, donde puedes explorar todas las APIs de Scraper disponibles de Bright Data.

Busca “apps.apple.com” y haz clic en la tarjeta del scraper correspondiente:

En la página de la API de scraping de la App Store de Apple, selecciona el endpoint “Apple App Store > Collect by URL”. Ese endpoint extrae la información de la App Store de Apple que nos interesa.

Desde el panel de control de Bright Data, puedes configurar y probar la API para entender su estructura de entrada y salida. Por ejemplo, supón que deseas monitorear la información de la App Store de Apple y las puntuaciones de reseñas de estas aplicaciones de la competencia en la industria del fitness:

• https://apps.apple.com/us/app/planet-fitness/id399857015
• https://apps.apple.com/us/app/myfitnesspal-calorie-counter/id341232718
• https://apps.apple.com/us/app/crunch-fitness/id398210959

Agrégalas al campo “Inputs > url” y presiona “Run manually” para probar la llamada a la API:

Ten en cuenta que el endpoint de la API de la App Store de Apple puede llamarse enviando una solicitud POST a la siguiente URL:

https://api.brightdata.com/datasets/v3/scrape?dataset_id=gd_lsk9ki3u2iishmwrui

El cuerpo de esta solicitud HTTP contiene la lista de URLs de aplicaciones de Apple para hacer scraping.

En la pestaña “Snapshots”, podrás descargar los resultados generados. Si se descarga como JSON, verás algo similar a esto:

La salida contiene información de la App Store, incluyendo calificaciones, el número de calificadores y reseñas recientes. Esto significa que la API de Bright Data pudo eludir las protecciones anti-bot de la App Store de Apple y recuperar los datos de interés.

Ese es exactamente el tipo de datos web frescos que necesitas para el monitoreo de aplicaciones de la competencia. ¡Bien hecho!

Paso #2: Crea un nuevo proyecto en ToolJet

Ahora que sabes cómo obtener los datos fuente para tu aplicación full-stack, el siguiente paso es construirla. Comienza iniciando sesión en ToolJet y, en la página “Home > Home”, haz clic en el botón “Create a blank app”:

Esto te llevará al App Builder de ToolJet, donde puedes definir tu aplicación a través de una experiencia sin código/bajo código.

Dale un nombre a tu nueva aplicación ToolJet en blanco (por ejemplo, “Apple App Store App Monitoring”) y familiarízate con la interfaz de usuario:

¡Genial! Es momento de conectar tu fuente de datos a través de la integración de la API de Bright Data y agregar componentes para construir la aplicación web.

Paso #3: Configura la consulta de la API REST impulsada por Bright Data

Los datos fuente para la aplicación web de monitoreo de la App Store de Apple se recopilarán usando la API de Scraper de Bright Data. Por esa razón, haz clic en el botón “REST API” para configurar la fuente de datos:

Dale un nombre a tu API (por ejemplo, “AppleAppStoreScrapingAPI”) y completa la pestaña “Setup” de la siguiente manera:

• Method: POST
• URL: https://api.brightdata.com/datasets/v3/scrape (Este es el endpoint principal utilizado para las APIs de Scraper de Bright Data en modo asíncrono.)
• Headers:

– Authorization: Bearer <YOUR_BRIGHT_DATA_API_KEY> (Requerido para la autenticación con las APIs de Scraper en tu cuenta de Bright Data. Reemplaza <YOUR_BRIGHT_DATA_API_KEY> con tu clave API real de Bright Data.)

Esta configuración le indica a ToolJet qué endpoint de API llamar y cómo autenticarlo.

A continuación, desplázate hacia abajo y ve a la pestaña “Params”. Agrega los siguientes parámetros de consulta:

• dataset_id: gd_lsk9ki3u2iishmwrui (Esto corresponde al ID del endpoint del scraper “Apple App Store, Collect by URL”.)
• format: json (Asegura que la API devuelva datos JSON estructurados.)

Ahora ve a la sección “Body”, activa el modo “Raw” y pega el cuerpo de la solicitud generado anteriormente en el panel de control de Bright Data (Paso #1):

{"input":[{"url":"https://apps.apple.com/us/app/planet-fitness/id399857015"},{"url":"https://apps.apple.com/us/app/myfitnesspal-calorie-counter/id341232718"},{"url":"https://apps.apple.com/us/app/crunch-fitness/id398210959"}]}

De esta manera, la API de Scraper extraerá las aplicaciones correctas de la App Store de Apple.

Presiona “Run” en la esquina superior derecha para verificar que la API funciona. Si todo está configurado correctamente, deberías ver los mismos resultados en la sección “Preview” que los obtenidos al final del Paso #1:

Esto confirma que tu aplicación ToolJet ahora puede recuperar dinámicamente datos estructurados de la App Store de Apple bajo demanda a través de una API de Scraper de Bright Data. ¡Genial!

Paso #4: Agrega una tabla para ver los datos recuperados

Ahora que tienes la fuente de datos configurada, necesitas construir la parte frontend de la aplicación web. Comienza agregando una tabla para mostrar los datos extraídos.

En la sección derecha de la interfaz del App Builder, haz clic en el botón “+” (Components), selecciona “Table” y arrástrala al lienzo de la aplicación:

Haz clic en el componente de tabla y, en el panel derecho, abre la pestaña “Properties”. Establece los datos de entrada de la tabla en la salida de la API REST configurada anteriormente seleccionando “Data source > AppAppStoreScrapingAPI”:

A continuación, especifica las columnas para que la tabla pueda representar correctamente los datos de entrada. En la sección “Columns”, activa la opción “Use dynamic columns”:

Luego, pega la siguiente configuración:

{{[
  { name: "URL", key: "url", id: "1" },
  { name: "Title", key: "title", id: "2" },
  { name: "Subtitle", key: "sub_title", id: "3" },
  { name: "Developer Name", key: "developer.developer_name", id: "4" },
  { name: "Developer Link", key: "developer.developer_link", id: "5" },
  { name: "Top Charts", key: "top_charts", id: "6" },
  { name: "Monetization Features", key: "monetization_features", id: "7" },
  { name: "Image", key: "image", id: "8" },
  { name: "Screenshots", key: "screenshots", id: "9" },
  { name: "Description", key: "description", id: "10" },
  { name: "Rating", key: "rating", id: "11" },
  { name: "Number of Raters", key: "number_of_raters", id: "12" },
  { name: "1-Star %", key: "reviews_star_percentage.one_stars", id: "13" },
  { name: "2-Star %", key: "reviews_star_percentage.two_stars", id: "14" },
  { name: "3-Star %", key: "reviews_star_percentage.three_stars", id: "15" },
  { name: "4-Star %", key: "reviews_star_percentage.four_stars", id: "16" },
  { name: "5-Star %", key: "reviews_star_percentage.five_stars", id: "17" },
  { name: "Reviews", key: "reviews", id: "18" },
  { name: "Events", key: "events", id: "19" },
  { name: "Data Linked To You", key: "data_linked_to_you", id: "20" },
  { name: "Seller", key: "seller", id: "21" },
  { name: "Category", key: "category", id: "22" },
  { name: "Languages", key: "languages", id: "23" },
  { name: "Copyright", key: "copyright", id: "24" },
  { name: "Size (MB)", key: "size", id: "25" },
  { name: "Compatibility", key: "compatibility", id: "26" },
  { name: "Age Rating", key: "age_rating", id: "27" },
  { name: "Price", key: "price", id: "28" },
  { name: "In-App Purchases", key: "In_app_purchases", id: "29" },
  { name: "Support", key: "support", id: "30" },
  { name: "More By This Developer", key: "more_by_this_developer", id: "31" },
  { name: "You Might Also Like", key: "you_might_also_like", id: "32" },
  { name: "Privacy Policy", key: "privacy_policy", id: "33" },
  { name: "Developer Website", key: "developer_website", id: "34" },
  { name: "Featured In", key: "featured_in", id: "35" },
  { name: "Country", key: "country", id: "36" },
  { name: "Latest App Version", key: "latest_app_version", id: "37" },
  { name: "App ID", key: "app_id", id: "38" },
  { name: "Provider", key: "provider", id: "39" },
  { name: "Timestamp", key: "timestamp", id: "40" },
  { name: "Input URL", key: "input.url", id: "41" }
]}}

Esta representación JSON coincide con el esquema de datos de salida que puedes ver en el panel de control de Bright Data (en la sección “Overview > Dictionary” de cualquier página de API de Scraper).

Nota: No olvides envolver la expresión JSON con {{ }} para que ToolJet interprete correctamente la cadena como un objeto.

La tabla debería comenzar a mostrar los datos recuperados desde la API de Scraper de la App Store de Apple de Bright Data:

¡Excelente! Tu aplicación web full-stack impulsada por Bright Data para monitoreo en vivo está empezando a tomar forma.

Paso #5: Agrega un botón para la recuperación dinámica de datos

Ahora que tienes una tabla con los datos extraídos, agrega la opción de actualizarla bajo demanda.

Comienza agregando un componente Button y etiquétalo como “Update data”. Luego haz clic en “New event handler” y elige el evento “On click”:

Para la acción, selecciona “Run query” y elige “AppleAppStoreScrapingAPI” como la consulta a ejecutar:

Esta configuración le indica a ToolJet que ejecute la API de Scraper de Bright Data configurada cada vez que el usuario haga clic en el botón. La API recupera los últimos datos de la App Store de Apple en tiempo real. Dado que la tabla ya está vinculada a la consulta (que corresponde a la respuesta de la API), mostrará automáticamente los datos actualizados en cuanto se complete la consulta.

Para mejorar la experiencia del usuario, también puedes agregar dos eventos de clic adicionales: uno para activar el estado de carga de la tabla antes de que comience la llamada a la API, y otro para desactivarlo después de que se hayan cargado los nuevos datos.

La sección “Events” de tu botón “Update data” debería verse así:

¡Genial! El frontend de tu aplicación ToolJet impulsada por Bright Data ya está completo. Solo queda probar el flujo de trabajo.

Paso #6: Prueba la aplicación web full-stack para el monitoreo de la App Store de Apple

Para verificar que la aplicación funciona, haz clic en el botón “Preview”:

Ahora podrás interactuar con tu aplicación full-stack en una página de vista previa dedicada. Inicialmente, la tabla no mostrará datos.

Para probar el flujo de trabajo, haz clic en “Update data”. Después de eso:

1. La tabla entra en estado de carga como se esperaba.
2. La consulta “AppleAppStoreScrapingAPI” se activa, llamando a la API de la App Store de Apple de Bright Data para extraer dinámicamente los últimos datos.
3. La tabla sale del estado de carga una vez que la solicitud se completa.
4. Los datos recuperados se muestran en la tabla.

Como puedes ver, la tabla ahora contiene datos como calificaciones de reseñas, número de calificadores y distribución porcentual de calificaciones por estrellas. El resultado es una herramienta completa de monitoreo de la App Store que cualquiera puede usar, independientemente de sus habilidades técnicas.

¡Et voilà! Esto demuestra el poder de las APIs de ToolJet + Bright Data para el scraping web y las aplicaciones de datos en tiempo real.

Casos de uso adicionales de ToolJet + Bright Data

El ejemplo mostrado en el capítulo anterior es solo uno de los muchos casos de uso compatibles con la combinación ToolJet + Bright Data. ¡Exploremos algunos más!

Dashboards de monitoreo de mercado y tendencias

La idea es construir dashboards que rastreen tendencias de mercado emergentes en sitios web, foros y plataformas digitales en tiempo real. Bright Data recopila y estructura datos web en vivo, mientras que ToolJet los transforma en información visual como gráficos, tablas e indicadores clave de rendimiento. Esto permite a los equipos empresariales identificar rápidamente cambios en la demanda, nuevas categorías de productos y comportamientos de usuario en evolución sin investigación manual, lo que permite una toma de decisiones estratégicas más rápida.

Sistemas de monitoreo de precios y stock en e-commerce

Las empresas pueden combinar las APIs de Bright Data con dashboards de ToolJet para monitorear precios de productos, disponibilidad y variaciones en múltiples plataformas de e-commerce. Los datos se recopilan y normalizan automáticamente, y luego se muestran en aplicaciones de ToolJet para equipos de compras, estrategia de precios u optimización de marketplaces. Esto permite tomar decisiones de precios dinámicas y reaccionar más rápidamente ante escasez de stock o descuentos de la competencia.

Plataformas de reputación de marca

Usando Bright Data para recopilar reseñas, calificaciones y comentarios de usuarios en plataformas como tiendas de aplicaciones o marketplaces, ToolJet puede transformar esto en un sistema de monitoreo de sentimiento y reputación en vivo. Las empresas pueden rastrear tendencias en calificaciones, detectar picos negativos y analizar los comentarios de los clientes en tiempo real. Esto ayuda a los equipos de marketing y producto a responder más rápidamente a los cambios en el sentimiento de los usuarios.

Herramientas de generación de leads y mapeo de mercado

Bright Data puede recopilar datos estructurados de empresas y contactos desde directorios, motores de búsqueda y fuentes públicas, mientras que ToolJet los convierte en herramientas internas de gestión de leads. Los equipos pueden filtrar, segmentar y priorizar leads visualmente, construir flujos de trabajo de enriquecimiento automatizados y rastrear el rendimiento de las acciones comerciales. Esto crea sistemas de prospección escalables y basados en datos para equipos de ventas B2B y crecimiento.

Conclusión

En esta publicación del blog, aprendiste qué es ToolJet. También comprendiste por qué integrarlo con Bright Data ayuda a las empresas a complementar los datos internos con datos web en vivo, frescos y de alta calidad.

Como se mostró, la integración solo requiere unos pocos clics gracias a las APIs de Bright Data. Estas admiten scraping web, búsqueda, rastreo a gran escala y mucho más. El resultado es un conjunto de aplicaciones web de nivel empresarial para una amplia gama de casos de uso, desde el monitoreo de mercado hasta el análisis de reputación de marca.

Si necesitas ayuda con la integración de Bright Data en ToolJet, no dudes en contactar a nuestro equipo de soporte disponible 24/7.

¡Crea una cuenta de Bright Data hoy y comienza a explorar nuestras soluciones de datos web listos para IA!