AI

Intégrer les API de Données Bright dans Agent.ai pour des agents IA plus intelligents

Découvrez comment intégrer les API de données web de Bright Data dans Agent.ai pour des agents IA plus intelligents, sans code, qui accèdent au contenu web en temps réel et le résument.
18 min de lecture
Bright Data APIs with Agent.ai blog image

Dans ce guide, vous apprendrez

  • Ce qu’est Agent.ai et ce qui le rend unique par rapport aux autres plateformes de création d’agents IA.
  • Pourquoi il est important d’étendre les capacités des agents IA par le biais de services tiers, et comment Bright Data prend cela en charge.
  • Comment ajouter des fonctions de récupération de données Web via les API de Bright Data à un flux de travail Agent.ai, sans une seule ligne de code.

Plongeons dans le vif du sujet !

Qu’est-ce que Agent.IA ?

Agent.ai est un réseau professionnel et une place de marché où les gens peuvent découvrir, construire et utiliser des agents IA pour effectuer des tâches et atteindre des objectifs commerciaux.

À la base, il s’agit d’une plateforme low-code/no-code qui vous permet de créer des agents IA sans aucune connaissance en programmation. En termes simples, Agent.ai est à la fois une plateforme de construction et une place de marché pour les agents IA.

Grâce à son interface conviviale, il vous permet de :

  • Créer des agents IA personnalisés adaptés à vos besoins spécifiques.
  • Configurer des flux de travail en plusieurs étapes pour automatiser les processus.
  • Définir des intégrations pour que les agents puissent interagir avec d’autres systèmes.
  • Définir des règles de prise de décision pour un comportement plus intelligent des agents.
  • Déployer des agents pour soutenir vos objectifs commerciaux.

Contrairement aux outils de codage tels que LangChain, LlamaIndex ou Crew.ai, Agent.ai ne nécessite pas d’expertise en programmation pour la création d’agents IA.

Ce que vous pouvez faire sur Agent.IA

Voici ce qu’il est possible de faire sur la plateforme :

  • Découvrir des agents IA: Parcourir et rechercher des agents prêts à l’emploi construits par d’autres.
  • Créer des agents personnalisés: Construisez des agents IA spécifiques à vos objectifs.
  • Configurer des flux de travail: Concevez des flux de travail en plusieurs étapes pour l’automatisation.
  • Connexion avec des systèmes: Utilisez des API et des outils pour relier votre agent à des plateformes telles que Slack, Gmail ou Google Sheets.
  • Embauchez des agents IA: Faites appel à des agents préconstruits pour que le travail soit effectué immédiatement.

Comment fonctionne Agent.ai

Agent.ai fournit plusieurs capacités de base qui alimentent ses agents :

  • Entrée et sortie: Vous fournissez des données d’entrée (par exemple, une tâche ou une question) et l’agent génère les données de sortie requises (comme la rédaction d’un courriel ou l’analyse de données).
  • Raisonnement: Les agents utilisent le contexte et la logique pour prendre des décisions éclairées et planifier les prochaines étapes.
  • Outils et API: Les agents peuvent faire appel à des services et à des outils externes pour étendre leurs fonctionnalités.
  • Mémoire: Les agents se souviennent du contexte et des interactions passées pour un raisonnement et une planification plus avancés.

Pourquoi et comment connecter les Données pour l’IA aux agents ?

Les LLM peuvent gérer un large éventail de tâches, mais les agents construits uniquement à partir d’eux sont limités. En particulier, les agents ne deviennent vraiment efficaces que lorsqu’ils sont associés à des capacités externes. Par exemple, la possibilité d’accéder à des données web en temps réel, de scraper le contenu de n’importe quelle page web, de crawler des sites entiers pour cartographier leurs URL, ou d’interagir avec des pages web comme le ferait un utilisateur humain.

Ce sont exactement les capacités fournies par Bright Data grâce à sa boîte à outils de services prêts pour l’IA qui s’intègrent sans effort aux agents. Ces services sont les suivants

  • API Unlocker: Récupérez de manière fiable le contenu de n’importe quelle URL publique en contournant automatiquement les blocages et en résolvant les CAPTCHA.
  • API Crawl: Extraction de données à partir de sites web entiers dans des formats adaptés à LLM pour un meilleur raisonnement et une meilleure inférence.
  • API SERP: Collecte en temps réel de résultats de moteurs de recherche géociblés pour découvrir les sources de données les plus pertinentes.
  • Browser API: Permet aux agents d’interagir avec des sites web dynamiques et d’exécuter des flux de travail automatisés à grande échelle à l’aide de navigateurs furtifs distants.

Tous ces produits sont accessibles via API, ce qui signifie que vous pouvez les connecter directement à votre agent dans le flux de travail sans code d’Agent.ai (ou dans des plateformes similaires comme Dify).

Construire un agent IA avec l’intégration des données Bright dans Agent.ai

Dans cette section, vous apprendrez à intégrer les fonctionnalités de récupération de données Web de Bright Data dans un agent Agent.ai via l’API. Plus précisément, vous construirez un exemple d’agent News Summarizer qui :

  1. Accepte l’URL d’un article d’actualité en entrée.
  2. Scrape son contenu à l’aide de l’API Web Unlocker et renvoie le résultat au format Markdown.
  3. Transmet le Markdown à un LLM pour qu’il le résume.
  4. Présente le résumé à l’utilisateur.

Remarque: il ne s’agit que d’un exemple. Vous pouvez exploiter les services de Bright Data pour de nombreuses autres intégrations et scénarios.

Maintenant, suivez les étapes ci-dessous pour apprendre à construire cet agent dans un flux de travail sans code. Si vous préférez, vous pouvez explorer directement le résultat final en consultant la page de l’agent.

Conditions préalables

Pour suivre ce tutoriel, assurez-vous d’avoir :

Ne vous inquiétez pas si vous n’avez pas encore configuré votre compte Bright Data. Vous serez guidé dans ce processus plus loin dans les étapes ci-dessous.

Étape 1 : Créer un nouvel agent

Commencez par créer un compte Agent.IA ou par vous connecter.

Une fois connecté, cliquez sur le lien “Agent Builder” dans le coin supérieur droit. Activez la fonction “Agent Builder” et vous serez redirigé vers la section “Mes agents” de votre compte. Cliquez sur le bouton “Créer un agent” pour commencer à créer un nouvel agent :

Clicking the “Create agent” button

Sélectionnez l’option “Créer un nouvel agent” et cliquez sur “Suivant” pour créer un nouvel agent à partir de zéro :

Selecting the “Create new agent” option

Donnez un nom à votre agent (par exemple, “News Summarizer”) et cliquez sur “Enregistrer” :

Giving your new AI agent a name

Vous aurez maintenant accès à la vue Agent Builder de Agent.IA :

The Agent.ai agent builder view

Merveilleux ! Vous avez créé avec succès un nouvel agent IA vierge.

Il est temps de commencer à définir sa logique !

Etape #2 : Définir la logique d’entrée de l’utilisateur pour capturer l’URL de la page d’actualités

Tout d’abord, votre agent doit recevoir en entrée l’URL de la page d’actualités à résumer. Pour ce faire, ajoutez une action d’entrée à votre agent.

Cliquez sur le bouton “Ouvrir la bibliothèque d’actions” et sélectionnez l’action “Obtenir les données de l’utilisateur” dans le menu déroulant “Entrées et récupération de données” :

Selecting a “Get User Input” action

Configurez l’action “Obtenir la contribution de l’utilisateur” comme suit :

  • Type: URL
  • Utiliser l’invite: “Entrez l’URL de la page d’actualités”
  • Obligatoire: ✓
  • Nom de la variable de sortie: news_page_url

Cette configuration définit une entrée utilisateur qui n’accepte que les URL, la rend obligatoire et la stocke dans la variable news_page_url, qui sera accessible à l’agent.

Lorsque vous avez terminé, cliquez sur “Ajouter” :

Adding a user input for the news URL

Vous devriez maintenant voir ceci :

The current state of the agent

Remarquez l’action “Get User Input” dans la section “Actions” et l’option de saisie “Enter the URL of the news page” qui apparaît maintenant dans la section “Preview” de la vue du constructeur de l’agent. Bravo !

Étape 3 : Compléter l’agent pour éviter les problèmes

Si vous essayez d’interagir avec l’entrée “Entrez l’URL de la page d’actualités”, vous remarquerez qu’elle est désactivée. C’est un comportement commun qui se produit lorsque votre agent IA n’a pas d’action de sortie définie.

Pour rendre votre agent testable, ajoutez une sortie simple. Cliquez sur le bouton “Add Action” et sélectionnez “Show User Option” dans la liste déroulante “Outputs” :

Selecting a “Show User Output” action

Configurez-la avec une logique d’espace réservé, par exemple en renvoyant toujours la chaîne “test” :

Configure the action with fixed output logic

Ensuite, cliquez sur le bouton “Redémarrer” dans la section “Aperçu” pour recharger l’aperçu de l’agent :

Reloading the agent preview

Maintenant, l’entrée “Enter the URL of the news page” sera utilisable, et l’agent pourra être testé :

The agent can now be tested

Parfait ! Ne vous préoccupez pas de la logique de sortie du placeholder dans l’action “Show User Option”, car vous la mettrez à jour plus tard dans le tutoriel.

Étape 4 : Configurer votre compte Bright Data

L’étape suivante consiste à transmettre l’URL de l’actualité à l’API Web Unlocker de Bright Data pour récupérer son contenu en Markdown. Avant cela, prenons le temps de configurer votre compte Bright Data pour qu’il puisse effectuer la requête requise.

Remarque: si vous avez l’intention d’utiliser d’autres produits de récupération de données Web de Bright Data disponibles via des API, suivez une approche similaire à celle présentée ci-dessous. Adaptez simplement certaines actions en conséquence. Pour plus d’informations, reportez-vous toujours à la documentation officielle.

Pour appeler l’API Web Unlocker dans votre agent Agent.IA, vous devez :

  1. Activer la solution Web Unlocker dans votre tableau de bord Bright Data.
  2. Récupérer votre jeton API Bright Data, qui donne accès à la fois au Web Unlocker (ainsi qu’à l’API Web Scraper et à tous les autres services disponibles pour l’API).

Suivez les étapes ci-dessous pour terminer l’installation !

Tout d’abord, si vous n’avez pas encore de compte Bright Data, créez-en un. Si vous avez déjà un compte, connectez-vous et accédez à votre tableau de bord. Cliquez sur le bouton “Proxy et scraping” dans le menu de gauche pour accéder à la page “Proxies & Scraping Infrastructure” :

The “Proxies and Scraping Infrastructure” page

Si vous voyez déjà une zone API Web Unlocker active (comme ci-dessus), vous pouvez passer à la micro-étape 1. Le nom de la zone (par exemple, unlocker) est important, car vous en aurez besoin plus tard dans la configuration de votre agent.

Si vous n’avez pas encore de zone, descendez jusqu’à la section “Web Unlocker API” et cliquez sur “Create zone” :

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

Donnez un nom à votre nouvelle zone, par exemple débloqueur, activez les fonctionnalités avancées pour de meilleures performances, et cliquez sur “Ajouter” :

Configuring your new Web Unlocker API zone

Une fois la zone créée, vous serez redirigé vers la page de configuration de la zone :

The “unlocker” Web Unlocker API zone page

Assurez-vous que la bascule d’activation est réglée sur “Actif”. Cela confirme que la zone est correctement configurée et prête à être utilisée.

Pour la micro étape 2, suivez le guide officiel de Bright Data pour générer votre clé API. Une fois que vous l’avez obtenue, conservez-la dans un endroit sûr, car vous en aurez bientôt besoin.

Génial ! Vous pouvez désormais utiliser votre zone Web Unlocker de Bright Data dans votre agent IA.

Étape 5 : Stockez vos données d’identification Bright Data dans Agent.IA

Pour appeler l’API Web Unlocker, vous devez spécifier le nom de votre zone et la clé API de Bright Data dans la requête. Pour référence, consultez le fonctionnement de la demande API dans la documentation officielle de Bright Data.

Pour éviter de stocker ces informations d’identification sensibles directement dans votre agent, ajoutez-les aux secrets de votre profil. Dans Agent.IA, les secrets vous permettent de stocker en toute sécurité des données sensibles (comme des clés API ou des jetons) et de les utiliser dans vos agents sans coder les valeurs en dur dans vos flux de travail.

Pour définir des secrets, rendez-vous sur la page d’accueil d’Agent.IA, cliquez sur votre image de profil et sélectionnez l’option “Secrets”.

Dans la page “Secrets”, cliquez sur le bouton “Ajouter un secret” pour créer un nouveau secret :

Clicking the “Add Secret” button

Ajoutez un secret pour votre clé API Bright Data. Par exemple, vous pouvez ajouter un secret pour votre clé d’API Bright Data :

  • Nom: bright_data_api_key
  • Valeur: Collez votre clé API Bright Data récupérée à l’étape précédente.

De même, ajoutez un autre secret pour le nom de votre zone Web Unlocker. Par exemple, vous pouvez ajouter un autre secret pour le nom de votre zone de déverrouillage Web :

  • Nom : web_unlocker_zone_name
  • Valeur: Nom de votre zone Web Unlocker (par exemple, unlocker)

Vous devriez maintenant voir les deux secrets listés comme ceci :

Note the two secrets required to connect to Web Unlocker API

Génial ! Ces secrets peuvent maintenant être utilisés pour l’intégration de Données pour l’IA dans n’importe quel agent que vous construisez dans Agent.IA.

Étape n° 6 : invocation de l’API Web Unlocker de Bright Data

Avant d’appeler l’API Web Unlocker dans votre agent, familiarisez-vous avec son format de requête. Voici comment l’appeler à l’aide de cURL pour obtenir la sortie d’un site cible au format Markdown :

curl -X POST "https://api.brightdata.com/request" .
-H "Authorization : Bearer <YOUR_BRIGHT_DATA_API_KEY>" N -H "Content-Type : application, application, etc.
-H "Content-Type : application/json" N
-d '{
  "zone" : "<NOM_DE_LA_ZONE_DE_DÉBLOCAGE_WEB>",
  "url" : "<VOTRE_TARGE_URL>",
  "format" : "raw",
  "data_format" : "markdown"
}' 

La commande cURL ci-dessus :

En coulisses, la requête contacte le service Web Unlocker. Celui-ci contourne les protections anti-bots, scrape le contenu de la page cible, le convertit en Markdown prêt pour l’IA et le renvoie sous forme de chaîne (grâce à l’option "format" : "raw" ).

C’est ce que montre l’exemple d’appel suivant :

Note the direct output in Markdown format from the API

Pour exécuter de manière programmatique la requête API Web Unlocker dans votre agent, cliquez sur “Ajouter une action” et sélectionnez “Invoquer l’API Web” dans le menu déroulant “Flux de travail et logique” :

Selecting the “Ïnvoke Web API” action

Remplissez l’action comme suit :

  • URL : https://api.brightdata.com/request
  • Method: POST
  • Format: JSON
  • Headers: {"Authorization" : "Bearer {{secrets.bright_data_api_key}}", "Content-Type" : "application/json" }
  • Body: { "zone" : "{{secrets.web_unlocker_zone_}}", "url" : "{{news_page_url}}", "format" : "raw", "data_format" : "markdown"}
  • Nom de la variable de sortie: api_response

Notez que vous pouvez accéder aux secrets que vous avez définis précédemment à l’aide de la syntaxe suivante :

{{secrets.YOUR_SECRET_NAME}}

L’action “Invoke Web API” résultante sera :

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

Cliquez sur “Ajouter” pour ajouter l’action à l’agent. Ensuite, réorganisez les actions de sorte que l’action “Invoke Web API” précède l’action “Show User Output” :

Your new agent

Cool ! Votre agent peut maintenant se connecter aux capacités de Scraping web de Bright Data via l’API et récupérer le contenu de la page d’actualités en Markdown.

Étape 7 : Ajouter l’étape de résumé LLM

Maintenant que vous avez l’article en Markdown, transmettez-le à un LLM pour qu’il le résume. Pour ce faire, configurez une action “Generate Content” :

Selecting the “Generate Content” action

Sélectionnez un LLM tel que Gemini 2.5 Flash, et écrivez une invite comme celle-ci :

Résumez l'article de presse suivant et renvoyez le résumé au format Markdown.

CONTENU ACTUEL :
"{{api_response}}"

Ici, {{api_response}} contient le contenu Markdown de l’article, qui sera automatiquement inséré dans l’invite. Cela est possible grâce à la syntaxe {{VARIABLE_NAME}} de l’IA. Définissez également le “Output Variable Name” comme quelque chose comme output afin que vous puissiez accéder au résumé plus tard.

Votre action “Generate Content” devrait ressembler à ceci :

The configured “Generate Content” action

Cliquez sur “Add” pour ajouter la nouvelle action. Ensuite, réorganisez les actions de sorte que l’action “Générer du contenu” vienne après l’action “Invoquer l’API Web” et avant l’action “Afficher le résultat de l’utilisateur” :

The agent with the new “Generate Content” action

Et voilà ! Votre agent IA de résumé de l’actualité est presque prêt.

Étape 8 : Corriger l’action de sortie

Maintenant que votre agent produit un véritable résumé, il est temps de le montrer à l’utilisateur. Modifiez l’action “Show User Output” en cliquant sur le bouton “Edit” de sa fiche d’action :

Editing the “Show User Output” action

Configurez le champ “Output Formatted” pour utiliser la variable contenant le résumé produit par l’action “Generate Content” :

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

Mission accomplie ! Votre agent IA de résumé de nouvelles est maintenant prêt.

Étape 9 : Tester l’agent

Voici à quoi ressemble votre agent News Summarizer final :

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

Important: Vous pouvez tester cet agent sur la page de l’agent News Summarizer. Cliquez sur le bouton ” View Agent Flow ” pour explorer ses actions et les personnaliser.

Testez-le en sélectionnant l’option “Run > Rung draft version” :

Selecting the “Run > Rung draft version” option

Collez l’URL d’un article d’actualité (par exemple, un article d’ESPN) et appuyez sur “Go” :

The agent execution

Sous le capot, l’agent exécutera ses quatre actions. Il récupérera le contenu de l’article en Markdown via Bright Data, puis le résumera à l’aide de Gemini. Le résultat devrait ressembler à ceci :

Un article d'ESPN rédigé par Kevin Pelton identifie les plus grandes lacunes de l'effectif des 30 équipes de la NBA à l'approche de la saison 2025-26. L'analyse, publiée alors que l'intersaison de la NBA se termine et que les camps d'entraînement approchent, met en évidence diverses lacunes. Ces problèmes vont d'un manque de compétences spécifiques telles que le jeu en deuxième unité (Atlanta Hawks) ou la création de tirs efficaces (Toronto Raptors), à des faiblesses positionnelles telles que le poste de centre titulaire (Charlotte Hornets) ou d'attaquant de puissance (Philadelphia 76ers). D'autres équipes sont confrontées à des défis tels qu'une profondeur de périmètre insuffisante (Cleveland Cavaliers), un besoin de perturbation défensive (Chicago Bulls) ou un manque d'expérience en matière de jeu (Brooklyn Nets). Pelton note que certaines équipes en reconstruction pourraient privilégier les gains à court terme au détriment d'unités cohérentes en raison de la nouvelle convention collective, tandis que d'autres, comme les Golden State Warriors, attendent la résolution du problème de la restriction de la liberté d'accès à l'équipe. Pour les prétendants au titre comme le champion en titre, le Thunder d'Oklahoma City, l'absence de problèmes importants dans l'effectif indique que l'équipe est bien construite, ce qui suggère que tout défaut pour les prétendants en herbe pourrait être corrigé par une croissance interne ou des ajouts à la mi-saison.

Comme vous pouvez le vérifier sur la page de l’article original d’ESPN, le résumé est tout à fait exact :

The input news article

Si vous êtes curieux de savoir ce qui se passe en coulisses, cliquez sur le bouton “Dev Console”. Dans cette vue, vous pouvez inspecter chaque action exécutée par l’agent :

The “Dev Console” view for the agent run

Le développement de l'”ÉTAPE 2 : Appel REST” révèle que la sortie de l’API Web Unlocker correspond à la version Markdown de l’article d’actualité fournie en entrée :

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

Cela confirme que Bright Data a été correctement intégré et que la page a été scannée avec succès.

Et voilà ! Vous disposez désormais d’un agent Agent.ai intégré à Bright Data via l’API. En modifiant l’invite utilisateur ou en essayant d’autres produits Bright Data, vous pouvez facilement créer des agents qui prennent en charge de nombreux autres cas d’utilisation.

Prochaines étapes : Rendre l’application publique

Votre agent actuel utilise des secrets pour l’authentification, ce qui fonctionne parfaitement pour un usage privé. Cependant, si vous souhaitez activer les fonctionnalités de Bright Data dans un agent public, vous devrez laisser les utilisateurs configurer leur propre clé API et nom de zone.

Pour ce faire, ajoutez des champs de saisie supplémentaires pour les informations d’identification requises, comme indiqué dans l’exemple ci-dessous :

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

Une fois que c’est fait, rendez votre agent public et commencez à recueillir des avis d’autres utilisateurs !

Extra : Une fois que votre agent est publié (qu’il soit public ou privé), vous pouvez également l’exposer à d’autres plateformes via MCP. Cela permet à des solutions telles que Claude Desktop et d’autres outils similaires d’utiliser votre agent pour effectuer les tâches décrites dans vos invites.

Conclusion

Dans cet article de blog, vous avez vu comment utiliser Agent.IA pour construire un agent de résumé de nouvelles dans un flux de travail sans code. Cela a été rendu possible grâce aux services de récupération de données web de Bright Data, qui sont disponibles pour l’intégration de l’IA via des API.

L’exemple de workflow que nous avons construit était simple, mais vous pourriez vouloir créer des agents IA plus sophistiqués. Pour ce faire, vous aurez besoin d’outils pour récupérer, valider et transformer le contenu Web. C’est précisément ce que propose l’infrastructure IA de Bright Data.

Créez un compte Bright Data gratuit dès aujourd’hui et commencez à expérimenter nos outils de données pour l’IA !