Integrating Bright Data into ToolJet for Live Monitoring Web Apps for Enterprises

En este artículo, aprenderás:

• Qué es ToolJet y qué aporta 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 de ToolJet + Bright Data.

¡Comencemos!

¿Qué es ToolJet?

ToolJet es una plataforma de bajo código impulsada por IA para crear 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 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 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 el autoalojamiento.

Características principales

Las principales capacidades que ofrece ToolJet son:

• Constructor de aplicaciones con IA: Crea aplicaciones full-stack a partir de instrucciones en lenguaje natural, incluyendo UI, esquemas de base 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 competidores o en el ecosistema digital más amplio.

El verdadero desafío es que los datos web externos son difíciles de recopilar y usar a escala. Los sitios web cambian constantemente su estructura, muchos utilizan protecciones anti-bots y los datos suelen ser desestructurados, 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 creació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 a 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 se hace 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 impulsar el estudio de mercado, el seguimiento SEO y el análisis competitivo.
• API Web Unlocker: Accede al contenido de prácticamente cualquier sitio web sorteando CAPTCHAs y sistemas anti-bots, devolviendo HTML limpio o Markdown.
• APIs de Web Scraper: Extrae datos estructurados de plataformas principales como Amazon, LinkedIn e Instagram sin necesidad de crear scrapers personalizados.
• API de Crawl: Convierte dominios completos en conjuntos de datos estructurados, permitiendo pipelines de datos completos y flujos de trabajo listos para IA.
• API de Discover: Realiza descubrimiento web en tiempo real y recupera resultados clasificados basados en intención con fuentes verificables para análisis posterior.

Lo que distingue a Bright Data es su infraestructura de nivel empresarial creada 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 de la Apple App Store. Esto puede usarse para rastrear cambios en la calificación de tu app 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 de API. Sigue la guía oficial para generar tu clave de 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 Apple App Store

La aplicación full-stack de ToolJet que estás a punto de construir dependerá de datos obtenidos de la Apple App Store a través de Bright Data. Por eso, tiene sentido familiarizarse con las APIs de Scraper de Apple App Store 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” en 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 de scraper correspondiente:

En la página de la API de scraping de Apple App Store, selecciona el endpoint “Apple App Store > Collect by URL”. Ese scraper obtiene la información de Apple App Store 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 quieres monitorear la información de Apple App Store y las puntuaciones de reseñas de estas aplicaciones competidoras en el sector 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 Apple App Store puede invocarse 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 descargan como JSON, verás algo como esto:

La salida contiene información de la App Store, incluyendo calificaciones, número de evaluadores y reseñas recientes. Esto significa que la API de Bright Data pudo sortear las protecciones anti-bots de Apple App Store 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 en blanco de ToolJet (por ejemplo, “Apple App Store App Monitoring”) y familiarízate con la interfaz:

¡Genial! Es momento de conectar tu fuente de datos a través de la integración con 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 Apple App Store 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 de API real de Bright Data.)

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

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 de 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 hará scraping de las aplicaciones correctas en Apple App Store.

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 Apple App Store 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 como 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 la 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 de la API de Scraper de Apple App Store de Bright Data:

¡Fantástico! 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 Apple App Store 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 la consulta se complete.

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 Apple App Store

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á ningún dato.

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

1. La tabla entra en un estado de carga como se esperaba.
2. La consulta “AppleAppStoreScrapingAPI” se activa, llamando a la API de Apple App Store 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 evaluadores 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 conocimientos técnicos.

¡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 de ToolJet + Bright Data. ¡Exploremos algunos más!

Dashboards de monitoreo de mercado y tendencias

La idea es construir dashboards que rastreen las tendencias emergentes del mercado 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 KPI. Esto permite a los equipos empresariales identificar rápidamente cambios en la demanda, nuevas categorías de productos y la evolución del comportamiento del usuario 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 los 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 los equipos de adquisiciones, estrategia de precios u optimización de marketplace. Esto permite decisiones de precios dinámicas y una reacción más rápida 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 de 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ápido a los cambios en el sentimiento del usuario.

Herramientas de generación de leads y mapeo de mercado

Bright Data puede recopilar datos estructurados de empresas y contactos de 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, crear flujos de trabajo de enriquecimiento automatizados y hacer seguimiento del rendimiento de las acciones de contacto. 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, descubrimiento de datos, 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 listas para IA!