Blog / AI
AI

Integre las API de Bright Data en Agent.ai para conseguir agentes de IA más inteligentes.

Descubra cómo integrar las API de datos web de Bright Data en Agent.ai para conseguir agentes de IA más inteligentes y sin código que accedan y resuman contenidos web en tiempo real.
18 min de lectura
Bright Data APIs with Agent.ai blog image

En esta guía aprenderá

  • Qué es Agent.ai y qué lo hace único en comparación con otras plataformas de creación de agentes de IA.
  • Por qué es importante ampliar las capacidades de los agentes de IA a través de servicios de terceros y cómo Bright Data lo hace posible.
  • Cómo añadir funciones de recuperación de datos web a través de las API de Bright Data a un flujo de trabajo de Agent.ai, sin una sola línea de código.

¡Sumerjámonos en el tema!

¿Qué es Agent.ai?

Agent.ai es una red profesional y un mercado donde la gente puede descubrir, construir y utilizar agentes de IA para realizar tareas y alcanzar objetivos empresariales.

En esencia, se trata de una plataforma low-code/no-code que permite crear agentes de IA sin conocimientos de programación. En pocas palabras, Agent.ai es tanto una plataforma de creación como un mercado para agentes de IA.

Gracias a su interfaz fácil de usar, le permite:

  • Crear agentes de IA personalizados adaptados a sus necesidades específicas.
  • Configurar flujos de trabajo de varios pasos para automatizar procesos.
  • Definir integraciones para que los agentes puedan interactuar con otros sistemas.
  • Establecer reglas de toma de decisiones para un comportamiento más inteligente de los agentes.
  • Despliegue agentes para apoyar sus objetivos empresariales.

A diferencia de herramientas que requieren mucha programación como LangChain, LlamaIndex o Crew.ai, Agent.ai no requiere conocimientos de programación para la creación de agentes de IA.

Qué puede hacer con Agent.ai

A continuación se muestra lo que es posible hacer en la plataforma:

  • Descubrir agentes de IA: Navegar y buscar agentes ya creados por otros.
  • Crear agentes personalizados: Cree agentes de IA específicos para sus objetivos.
  • Configurar flujos de trabajo: Diseñe flujos de trabajo de varios pasos para la automatización.
  • Conectar con sistemas: Utilice API y herramientas para vincular su agente con plataformas como Slack, Gmail o Google Sheets.
  • Contrate agentes de IA: Incorpore agentes preconstruidos para realizar el trabajo de forma inmediata.

Cómo funciona

Agent.ai proporciona varias capacidades básicas que impulsan a sus agentes:

  • Entrada y salida: Usted proporciona la entrada (por ejemplo, una tarea o pregunta), y el agente genera la salida requerida (como la redacción de un correo electrónico o el análisis de datos).
  • Razonamiento: Los agentes utilizan el contexto y la lógica para tomar decisiones informadas y planificar los siguientes pasos.
  • Herramientas y API: Los agentes pueden llamar a servicios y herramientas externas para ampliar su funcionalidad.
  • Memoria: Los agentes recuerdan el contexto y las interacciones pasadas para un razonamiento y una planificación más avanzados.

Por qué y cómo conectar Bright Data a los agentes en Agent.ai

Los LLM pueden manejar una amplia gama de tareas por sí solos, pero los agentes construidos únicamente sobre ellos son limitados. En concreto, los agentes sólo son realmente eficaces cuando se combinan con capacidades externas. Por ejemplo, la capacidad de acceder a datos web en tiempo real, extraer contenido de cualquier página web, rastrear sitios enteros para mapear sus URL o interactuar con páginas web como lo haría un usuario humano.

Esas son exactamente las capacidades que ofrece Bright Data gracias a su conjunto de servicios preparados para la IA que se integran sin esfuerzo con los agentes. Entre ellos se incluyen

  • API de desbloqueo: Obtenga contenido de forma fiable desde cualquier URL pública evitando automáticamente los bloqueos y resolviendo CAPTCHAs.
  • API de rastreo: Extraiga datos de sitios web enteros en formatos compatibles con LLM para mejorar el razonamiento y la inferencia.
  • API SERP: Recopile resultados de motores de búsqueda geolocalizados en tiempo real para descubrir las fuentes de datos más relevantes.
  • API de navegador: Permite a los agentes interactuar con sitios web dinámicos y ejecutar flujos de trabajo automatizados a escala utilizando navegadores remotos ocultos.

Todos estos productos son accesibles a través de API, lo que significa que puede conectarlos directamente a su agente en el flujo de trabajo sin código de Agent.ai (o en plataformas similares como Dify).

Construir un Agente de IA con Bright Data Integration en Agent.ai

En esta sección, aprenderá a integrar las capacidades de recuperación de datos web de Bright Data en un agente de Agent.ai vía API. Específicamente, construirá un agente resumidor de noticias de ejemplo que:

  1. Acepta la URL de un artículo de noticias como entrada.
  2. Scrapea su contenido utilizando la API Web Unlocker, devolviendo el resultado en formato Markdown.
  3. Pasa el Markdown a un LLM para su resumen.
  4. Presenta el resumen al usuario.

Nota: Esto es sólo un ejemplo. Puede aprovechar los servicios de Bright Data para muchas otras integraciones y escenarios.

Ahora, siga los pasos siguientes para aprender a construir este agente en un flujo de trabajo sin código. Alternativamente, si lo prefiere, explore el resultado final directamente consultando la página del agente.

Requisitos previos

Para seguir este tutorial, asegúrate de tener:

No se preocupe si todavía no ha configurado su cuenta de Bright Data. Se le guiará a través de ese proceso más adelante en los pasos siguientes.

Paso #1: Crear un Nuevo Agente

Empiece creando una cuenta de Agent.IA o iniciando sesión.

Una vez conectado, haga clic en el enlace “Creador de Agentes” en la esquina superior derecha. Habilite la función “Creador de Agentes” y será redirigido a la sección “Mis Agentes” de su cuenta. Aquí, haga clic en el botón “Crear agente” para empezar a crear un nuevo agente:

Clicking the “Create agent” button

Seleccione la opción “Crear nuevo agente” y pulse “Siguiente” para inicializar un nuevo agente desde cero:

Selecting the “Create new agent” option

Dé un nombre a su agente (por ejemplo, “Resumidor de noticias”) y pulse “Guardar”:

Giving your new AI agent a name

Ahora tendrás acceso a la vista del Constructor de Agentes de Agent.ai:

The Agent.ai agent builder view

¡Maravilloso! Has creado con éxito un nuevo agente IA en blanco.

Es hora de empezar a definir su lógica.

Paso #2: Definir la lógica de entrada del usuario para capturar la URL de la página de noticias

Primero, su agente necesita recibir la URL de la página de noticias a resumir como entrada. Para ello, añada una acción de entrada a su agente.

Haga clic en el botón “Abrir biblioteca de acciones” y seleccione la acción “Obtener entrada del usuario” en el menú desplegable “Entradas y recuperación de datos”:

Selecting a “Get User Input” action

Configure la acción “Get User Input” como sigue:

  • Tipo URL
  • Usar pregunta: “Introduzca la URL de la página de noticias”
  • Requerido: ✓
  • Nombre de la variable de salida: news_page_url

Esta configuración define un input de usuario que sólo acepta URLs, lo hace obligatorio, y almacena el input en la variable news_page_url, que será accesible para el agente.

Cuando haya terminado, pulse “Añadir”:

Adding a user input for the news URL

Ahora debería ver esto:

The current state of the agent

Fíjese en la acción “Get User Input” en la sección “Actions” y en la opción “Enter the URL of the news page” en la sección “Preview” de la vista del agente. Bien hecho.

Paso 3: Complete el agente para evitar problemas

Si intenta interactuar con la entrada “Introducir la URL de la página de noticias”, observará que está desactivada. Este es un comportamiento común que ocurre cuando su agente Agent.ai no tiene definida ninguna acción de salida.

Para hacer su agente comprobable, añada una salida simple. Pulse el botón “Añadir Acción” y seleccione “Mostrar Opción de Usuario” en el desplegable “Salidas”:

Selecting a “Show User Output” action

Configúrela con alguna lógica de marcador de posición, por ejemplo, que devuelva siempre la cadena “test”:

Configure the action with fixed output logic

A continuación, haga clic en el botón “Reiniciar” de la sección “Vista previa” para volver a cargar la vista previa del agente:

Reloading the agent preview

Ahora, la entrada “Introduzca la URL de la página de noticias” será utilizable, y el agente será testeable:

The agent can now be tested

¡Perfecto! No se preocupe por la lógica de salida del marcador de posición en la acción “Show User Option”, ya que la actualizará más adelante en el tutorial.

Paso #4: Configure su cuenta de Bright Data

El siguiente paso es pasar la URL de la noticia a la API de Bright Data Web Unlocker para recuperar su contenido en Markdown. Antes de hacerlo, dediquemos un momento a configurar su cuenta de Bright Data para que pueda realizar la solicitud requerida.

Nota: Si desea utilizar otros productos de recuperación de datos web de Bright Data disponibles a través de API, siga un enfoque similar al que se muestra a continuación. Sólo tiene que adaptar algunas acciones en consecuencia. Para obtener más orientación, consulte siempre la documentación oficial.

Para llamar a la API de Web Unlocker en su agente Agent.ai, debe:

  1. Habilitar la solución Web Unlocker en su panel de Bright Data.
  2. Recuperar su token de API de Bright Data, que concede acceso tanto al Web Unlocker (junto con la API de Raspador Web y todos los demás servicios de API disponibles).

Siga los pasos que se indican a continuación para completar la configuración.

En primer lugar, si aún no tiene una cuenta de Bright Data, cree una. Si ya tiene una cuenta, inicie sesión y acceda a su panel de control. Haga clic en el botón “Proxies e Infraestructura de scraping” del menú de la izquierda para ir a la página “Proxies e Infraestructura de scraping”:

The “Proxies and Scraping Infrastructure” page

Si ya ve una zona API de Web Unlocker activa (como la de arriba), puede continuar con el micro-paso 1. El nombre de la zona (por ejemplo, unlocker) es importante, ya que lo necesitará más adelante en la configuración de su agente.

Si todavía no tiene una zona, desplácese hasta la sección “Web Unlocker API” y haga clic en “Crear zona”:

Clicking the “Create zone” on the “Web Unlocker API” card

Dele un nombre a su nueva Zona, por ejemplo desbloqueador, habilite las funciones avanzadas para un mejor rendimiento y haga clic en “Añadir”:

Configuring your new Web Unlocker API zone

Una vez creada la zona, será redirigido a la página de configuración de la zona:

The “unlocker” Web Unlocker API zone page

Asegúrese de que el conmutador de activación está en “Activo”. Esto confirma que la zona está correctamente configurada y lista para su uso.

Para el micropaso 2, siga la guía oficial de Bright Data para generar su clave API. Una vez que la tenga, guárdela en un lugar seguro, ya que la necesitará pronto.

¡Genial! Ya puede utilizar su zona Bright Data Web Unlocker en su agente Agent.ai.

Paso #5: Almacene sus credenciales de Bright Data en Agent.ai

Para llamar a la API de Web Unlocker, debe especificar el nombre de su zona y la clave API de Bright Data en la petición. Como referencia, consulte cómo funciona la solicitud API en la documentación oficial de Bright Data.

Para evitar almacenar esas credenciales sensibles directamente en su agente, añádalas a los secretos de su perfil. En Agent.ai, los secretos le permiten almacenar de forma segura datos confidenciales (como claves de API o tokens) y utilizarlos en sus agentes sin codificar valores en sus flujos de trabajo.

Para definir los secretos, vaya a la página de inicio de Agent.ai, haga clic en la foto de su perfil y seleccione la opción “Secretos”.

En la página “Secretos”, haga clic en el botón “Añadir Secreto” para crear un nuevo secreto:

Clicking the “Add Secret” button

Añada un secreto para su clave API de Bright Data. Por ejemplo

  • Nombre: bright_data_api_key
  • Valor: Pegue su clave API de Bright Data recuperada en el paso anterior.

Del mismo modo, añada otro secreto para el nombre de su zona Web Unlocker. Por ejemplo

  • Nombre: web_unlocker_zone_name
  • Valor: El nombre de su zona Web Unlocker (por ejemplo, unlocker).

Ahora debería ver ambos secretos listados así:

Note the two secrets required to connect to Web Unlocker API

¡Genial! Estos secretos pueden utilizarse ahora para la integración de Bright Data en cualquier agente que construya en Agent.ai.

Paso #6: Invocar la API del Web Unlocker de Bright Data

Antes de llamar a la API Web Unlocker en su agente, familiarícese con su formato de petición. A continuación se muestra cómo llamarla utilizando cURL para obtener la salida de un sitio de destino en formato Markdown:

curl -X POST "https://api.brightdata.com/request" 
-H "Authorization: Bearer <YOUR_BRIGHT_DATA_API_KEY>" 
-H "Content-Type: application/json" 
-d '{
  "Zona": "<NOMBRE_ZONA_DESBLOQUEADOR_WEB>",
  "url": "<TU_TARGE_URL>",
  "formato": "raw",
  "data_format": "markdown"
}' 

El comando cURL anterior:

Entre bastidores, la solicitud se pone en contacto con el servicio Web Unlocker. Éste pasa por alto las protecciones anti-bot, raspa el contenido de la página de destino, lo convierte a Markdown listo para IA y lo devuelve como una cadena (gracias a la opción "format": "raw" ).

Véalo en la siguiente llamada de ejemplo:

Note the direct output in Markdown format from the API

Para realizar mediante programación la solicitud a la API de Web Unlocker en su agente, haga clic en “Añadir acción” y seleccione “Invocar API Web” en el desplegable “Flujo de trabajo y lógica”:

Selecting the “Ïnvoke Web API” action

Rellene la acción como se indica a continuación:

  • URL: https://api.brightdata.com/request
  • Método POST
  • Formato: JSON JSON
  • Cabeceras: { "Authorization": "Bearer {{secrets.bright_data_api_key}}", "Content-Type": "application/json" }
  • Cuerpo: { "Zona": "{{secrets.web_unlocker_zone_name}}", "url": "{{news_page_url}}", "format": "raw", "data_format": "markdown"}
  • Nombre de la variable de salida: api_response

Tenga en cuenta que puede acceder a los secretos que definió anteriormente utilizando la sintaxis:

{{secrets.YOUR_SECRET_NAME}}

La acción “Invoke Web API” resultante será:

The configured “Invoke Web API” action for Web Unlocker API integration

Pulse “Añadir” para añadir la acción al agente. A continuación, reordene las acciones de modo que “Invocar Web API” esté antes que la acción “Mostrar salida de usuario”:

Your new agent

¡Genial! Su agente puede ahora conectarse a las capacidades de Scraping web de Bright Data vía API y recuperar el contenido de la página de noticias en Markdown.

Paso 7: Añadir el paso de resumen LLM

Ahora que tiene el artículo de noticias en Markdown, páselo a un LLM para su resumen. Para ello, configura una acción “Generar contenido“:

Selecting the “Generate Content” action

Selecciona un LLM como Gemini 2.5 Flash, y escribe una instrucción como esta:

Resuma el siguiente artículo de noticias y devuelva el resumen en formato Markdown.

CONTENIDO DE LA NOTICIA:
"{{api_response}}"

Aquí, {{api_response}} contiene el contenido Markdown del artículo de noticias, que se insertará automáticamente en el prompt. Esto es posible gracias a la sintaxis {{VARIABLE_NAME}} de Agent.ai. Además, defina el “Output Variable Name” como algo parecido a output para que pueda acceder al resumen más tarde.

Su acción “Generar Contenido” debe tener este aspecto:

The configured “Generate Content” action

Pulse “Añadir” para añadir la nueva acción. A continuación, reordene las acciones para que “Generar contenido” vaya después de “Invocar API web” y antes de la acción “Mostrar salida del usuario”:

The agent with the new “Generate Content” action

Y ya está. Su agente de resumen de noticias IA está casi listo.

Paso 8: Corregir la acción de salida

Ahora que su agente produce un resumen real, es hora de mostrárselo al usuario. Edite la acción “Show User Output” pulsando el botón de edición en su tarjeta de acción:

Editing the “Show User Output” action

Configure el campo “Formato de Salida” para utilizar la variable que contiene el resumen producido por la acción “Generar Contenido”:

{{resumen}}
Properly configuring the “Show User Output” action

¡Misión completada! Su agente de resumen de noticias IA ya está listo.

Paso #9: Probar el Agente

Este es el aspecto final de su agente de resumen de noticias:

The News Summarization agent in Agent.ai’s Agent Builder

Importante: Puedes probar este agente en la página del agente del Resumidor de Noticias. Haga clic en el botón “Ver Flujo del Agente” para explorar sus acciones y personalizarlas.

Pruébelo seleccionando la opción “Ejecutar > Versión borrador”:

Selecting the “Run > Rung draft version” option

Pegue la URL de un artículo de noticias (por ejemplo, un artículo de ESPN) y pulse “Ir”:

The agent execution

Bajo el capó, el agente ejecutará sus cuatro acciones. Extraerá el contenido del artículo en Markdown a través de Bright Data y lo resumirá con Gemini. El resultado debería ser algo parecido a esto:

Un artículo de Kevin Pelton, de ESPN, identifica las mayores carencias en la plantilla de los 30 equipos de la NBA de cara a la temporada 2025-26. El análisis, publicado cuando concluye la temporada baja de la NBA y se acercan los campos de entrenamiento, destaca varias deficiencias. Estos problemas van desde la falta de habilidades específicas como la creación de juego de segunda unidad (Atlanta Hawks) o la creación eficiente de tiros (Toronto Raptors), a debilidades posicionales como el pívot titular (Charlotte Hornets) o el ala-pívot (Philadelphia 76ers). Otros equipos se enfrentan a retos como la falta de profundidad en el perímetro (Cleveland Cavaliers), la necesidad de interrupción defensiva (Chicago Bulls) o la falta de experiencia en la creación de juego (Brooklyn Nets). Pelton señala que algunos equipos en reconstrucción pueden priorizar las ganancias a corto plazo sobre la cohesión de las unidades debido al nuevo convenio colectivo, mientras que otros, como los Golden State Warriors, están a la espera de la resolución de la agencia libre restringida. Para los aspirantes al título, como el vigente campeón Oklahoma City Thunder, la ausencia de problemas significativos en la plantilla indica un equipo bien construido, lo que sugiere que cualquier defecto individual de los aspirantes podría abordarse mediante crecimiento interno o incorporaciones a mitad de temporada.

Como se puede comprobar en la página original del artículo de ESPN, el resumen es bastante preciso:

The input news article

Si tienes curiosidad por lo que ocurre entre bastidores, haz clic en el botón “Dev Console”. En esta vista, puede inspeccionar cada acción ejecutada por el agente:

The “Dev Console” view for the agent run

Al expandir “PASO 2: Llamada REST” se revela que la salida de la API de Web Unlocker corresponde a la versión Markdown del artículo de noticias proporcionado como entrada:

The output produced by the Web Unlocker API call made by the agent

Esto confirma que Bright Data se integró correctamente y que la página se escaneó con éxito.

¡Et voilà! Ya tiene un agente de Agent.ai integrado con Bright Data a través de la API. Modificando la solicitud del usuario o probando otros productos de Bright Data, puede crear fácilmente agentes que soporten muchos otros casos de uso.

Próximos pasos: Hágalo público

Su agente actual utiliza secretos para la autenticación, lo que funciona perfectamente para uso privado. Sin embargo, si desea habilitar las capacidades de Bright Data en un agente público, deberá permitir que los usuarios configuren su propia clave API y nombre de zona.

Para ello, añada campos de entrada adicionales para las credenciales requeridas, tal y como se muestra en el siguiente ejemplo:

Note the fields for the Bright Data API key and Web Unlocker zone name

Una vez hecho esto, haga público su agente y empiece a recopilar valoraciones de otros usuarios.

Extra: Una vez publicado su agente (ya sea público o privado) también puede exponerlo a otras plataformas a través de MCP. Esto permite que soluciones como Claude Desktop y herramientas similares utilicen su agente para completar las tareas descritas en sus avisos.

Conclusión

En esta entrada de blog, ha visto cómo utilizar Agent.ai para construir un agente de resumen de noticias en un flujo de trabajo sin código. Esto fue posible gracias a los servicios de recuperación de datos web de Bright Data, que están disponibles para la integración de IA a través de API.

El flujo de trabajo de ejemplo que construimos era sencillo, pero es posible que desee crear agentes de IA más sofisticados. Para ello, necesitará herramientas para recuperar, validar y transformar contenido web. Eso es precisamente lo que ofrece la infraestructura de IA de Bright Data.

Cree una cuenta gratuita en Bright Data hoy mismo y empiece a experimentar con nuestras herramientas de datos web preparadas para IA.