Dans cet article, vous apprendrez :
- Ce qu’est ToolJet et ce qu’il apporte en tant que plateforme de développement d’applications full-stack low-code.
- Pourquoi le connecter à Bright Data est idéal pour le développement d’applications web de niveau entreprise.
- Comment créer une application web réelle de surveillance en direct avec ToolJet et Bright Data.
- D’autres cas d’utilisation pris en charge par l’intégration ToolJet + Bright Data.
Plongeons dans le vif du sujet !
Qu’est-ce que ToolJet ?
ToolJet est une plateforme low-code propulsée par l’IA pour créer des applications internes full-stack, des tableaux de bord, des workflows et des agents IA.
Il vous aide à livrer rapidement des outils comme des panneaux d’administration, des CRM et des tableaux de bord de données sans développement frontend/backend lourd. Il est particulièrement utile pour les entreprises qui souhaitent connecter des bases de données, des API et des outils SaaS dans des applications internes sécurisées tout en gardant le contrôle total sur l’infrastructure et les données.
ToolJet est open source et compte plus de 38 000 étoiles GitHub. En plus du déploiement cloud pour une flexibilité de niveau entreprise, il prend également en charge l’auto-hébergement.
Fonctionnalités clés
Les principales capacités offertes par ToolJet sont :
- Constructeur d’applications IA : Créez des applications full-stack à partir de prompts en langage naturel, incluant l’interface utilisateur, les schémas de base de données et la logique.
- Automatisation des workflows : Créez des workflows en plusieurs étapes avec une logique visuelle, des déclencheurs, des conditions et des événements planifiés.
- Plus de 80 intégrations : Connectez-vous à des bases de données, des API, du stockage cloud et des plateformes SaaS dès la sortie de la boîte.
- Base de données ToolJet : Base de données intégrée PostgreSQL pour des opérations CRUD rapides sans configuration externe.
- Agents IA : Créez des agents intelligents qui automatisent des workflows complexes multi-systèmes.
- Extensibilité par le code : Ajoutez du JavaScript ou Python personnalisé pour une logique avancée et des transformations.
- Sécurité entreprise : Prend en charge SSO (SAML, OIDC, LDAP), RBAC, journaux d’audit, chiffrement et normes de conformité.
- Déploiement flexible : Exécutez sur ToolJet Cloud ou auto-hébergez sur AWS, GCP, Azure, Kubernetes ou Docker.
- Versionnage basé sur Git : Prend en charge GitSync et les workflows CI/CD pour la gestion professionnelle du cycle de développement.
Pourquoi connecter les API Bright Data dans ToolJet
Il ne fait aucun doute que les applications internes d’entreprise, les tableaux de bord et les workflows ont besoin de données. Cependant, se fier uniquement aux bases de données internes ne suffit plus pour générer des insights métier de haute qualité.
Les systèmes internes peuvent vous dire ce qui se passe dans votre entreprise. Cependant, ils ne peuvent pas expliquer ce qui se passe sur le marché, chez les concurrents ou dans l’écosystème numérique au sens large.
Le vrai défi est que les données web externes sont difficiles à collecter et à utiliser à grande échelle. Les sites web modifient constamment leur structure, beaucoup utilisent des protections anti-bot, et les données sont souvent non structurées, incohérentes ou incomplètes.
Même lorsque le scraping est possible, maintenir la fiabilité sur des milliers de sources devient un problème d’ingénierie continu. Par conséquent, les entreprises peinent à intégrer des données externes dans leurs applications internes.
La solution est de combiner des outils de création d’applications internes comme ToolJet avec une couche d’infrastructure dédiée aux données web. C’est là qu’intervient Bright Data !
Les API Bright Data comme solution
En connectant les applications ToolJet à Bright Data, les tableaux de bord et workflows internes accèdent à des données en temps réel, structurées et fiables depuis pratiquement n’importe quel site web. L’intégration dans ToolJet est rendue possible via les API Bright Data, qui vous donnent accès aux produits Bright Data :
- API SERP : Collectez les résultats des moteurs de recherche de Google, Bing et d’autres fournisseurs pour alimenter l’étude de marché, le suivi SEO et l’analyse concurrentielle.
- API Web Unlocker : Accédez au contenu de pratiquement n’importe quel site web en contournant les CAPTCHA et les systèmes anti-bot, renvoyant du HTML propre ou du Markdown.
- API Web Scraper : Extrayez des données structurées des principales plateformes comme Amazon, LinkedIn et Instagram sans créer de scrapers personnalisés.
- API Crawl : Transformez des domaines entiers en jeux de données structurés, permettant des pipelines de données complets et des workflows prêts pour l’IA.
- API Discover : Effectuez une découverte web en temps réel et récupérez des résultats classés et basés sur l’intention avec des sources vérifiables pour une analyse en aval.
Ce qui distingue Bright Data, c’est son infrastructure de niveau entreprise conçue spécifiquement pour la collecte de données à grande échelle. Son réseau comprend plus de 400 millions d’adresses IP dans 195 pays, avec un temps de disponibilité de 99,99 % et un taux de succès de 99,95 %.
Comment créer une application de surveillance de données en temps réel dans ToolJet avec les API de Scraping Bright Data
Dans cette section, vous apprendrez à créer une application pour surveiller les données d’avis d’applications de l’Apple App Store. Cela peut être utilisé pour suivre en continu les changements de notation de votre application ou pour surveiller les applications concurrentes.
ToolJet sera utilisé pour créer l’application web complète, tandis que les données proviendront de Bright Data. Notez que de nombreux autres scénarios et cas d’utilisation peuvent être construits en utilisant la même approche.
Suivez les instructions ci-dessous !
Prérequis
Pour suivre ce tutoriel, assurez-vous d’avoir :
- Un compte ToolJet (le plan gratuit suffit).
- Un compte Bright Data avec une clé API. Suivez le guide officiel pour générer votre clé API Bright Data.
Une familiarité avec le fonctionnement des API Scraper de Bright Data sera également utile.
Étape n°1 : Se familiariser avec l’API Scraper de l’Apple App Store
L’application full-stack ToolJet que vous allez créer reposera sur des données récupérées depuis l’Apple App Store via Bright Data. Il est donc logique de se familiariser avec les API Scraper Apple App Store de Bright Data.
Commencez par vous connecter à votre compte Bright Data. Dans le panneau de contrôle Bright Data, allez dans « Scrapers > Bibliothèque de Scrapers » depuis le menu de gauche. Cela vous amènera à la page « Bibliothèque de Scrapers », où vous pouvez explorer toutes les API Scraper Bright Data disponibles.
Recherchez « apps.apple.com » et cliquez sur la carte de scraper correspondante :
Sur la page de l’API de scraping Apple App Store, sélectionnez l’endpoint « Apple App Store > Collecter par URL ». Celui-ci scrape les informations de l’Apple App Store qui nous intéressent.
Depuis le panneau de contrôle Bright Data, vous pouvez configurer et tester l’API pour comprendre sa structure d’entrée et de sortie. Par exemple, supposons que vous souhaitiez surveiller les informations de l’Apple App Store et les scores d’avis pour ces applications concurrentes dans l’industrie du fitness :
https://apps.apple.com/us/app/planet-fitness/id399857015https://apps.apple.com/us/app/myfitnesspal-calorie-counter/id341232718https://apps.apple.com/us/app/crunch-fitness/id398210959
Ajoutez-les dans le champ « Entrées > url » et appuyez sur « Exécuter manuellement » pour tester l’appel API :
Notez que l’endpoint de l’API Apple App Store peut être appelé en envoyant une requête POST à l’URL suivante :
https://api.brightdata.com/datasets/v3/scrape?dataset_id=gd_lsk9ki3u2iishmwruiLe corps de cette requête HTTP contient la liste des URL d’applications Apple à scraper.
Dans l’onglet « Snapshots », vous pourrez télécharger les résultats générés. Si téléchargés en JSON, vous verrez quelque chose comme ceci :
La sortie contient les informations de l’App Store, notamment les notes, le nombre d’évaluateurs et les avis récents. Cela signifie que l’API Bright Data a pu contourner les protections anti-bot de l’Apple App Store et récupérer les données d’intérêt.
C’est exactement le type de données web fraîches dont vous avez besoin pour la surveillance des applications concurrentes. Excellent !
Étape n°2 : Créer un nouveau projet ToolJet
Maintenant que vous savez comment obtenir les données source pour votre application full-stack, l’étape suivante est de la construire. Commencez par vous connecter à ToolJet, et sur la page « Accueil > Accueil », cliquez sur le bouton « Créer une application vide » :
Cela vous amènera au Constructeur d’applications ToolJet, où vous pouvez définir votre application via une expérience no-code/low-code.
Donnez un nom à votre nouvelle application ToolJet vide (par exemple, « Surveillance des applications Apple App Store ») et familiarisez-vous avec l’interface :
Parfait ! Il est temps de connecter votre source de données via l’intégration de l’API Bright Data et d’ajouter des composants pour construire l’application web.
Étape n°3 : Configurer la requête API REST propulsée par Bright Data
Les données source de l’application web de surveillance de l’Apple App Store seront collectées via l’API Scraper de Bright Data. Pour cette raison, cliquez sur le bouton « REST API » pour configurer la source de données :
Donnez un nom à votre API (par exemple, « AppleAppStoreScrapingAPI ») et remplissez l’onglet « Configuration » comme suit :
- Méthode :
POST - URL :
https://api.brightdata.com/datasets/v3/scrape(Il s’agit de l’endpoint principal utilisé pour les API Scraper Bright Data en mode async.) - En-têtes :
– Authorization : Bearer <VOTRE_CLÉ_API_BRIGHT_DATA> (Requis pour l’authentification avec les API Scraper vers votre compte Bright Data. Remplacez <VOTRE_CLÉ_API_BRIGHT_DATA> par votre clé API Bright Data réelle.)
Cette configuration indique à ToolJet quel endpoint API appeler et comment s’authentifier.
Ensuite, faites défiler vers le bas et accédez à l’onglet « Paramètres ». Ajoutez les paramètres de requête suivants :
dataset_id:gd_lsk9ki3u2iishmwrui(Correspond à l’ID de l’endpoint scraper « Apple App Store, Collecter par URL ».)format:json(Garantit que l’API retourne des données JSON structurées.)
Maintenant, allez dans la section « Corps », activez le mode « Brut » et collez le corps de requête généré précédemment dans le panneau de contrôle Bright Data (Étape n°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 cette façon, l’API Scraper scrapera les bonnes applications de l’Apple App Store.
Appuyez sur « Exécuter » dans le coin supérieur droit pour vérifier que l’API fonctionne. Si tout est correctement configuré, vous devriez voir les mêmes résultats dans la section « Aperçu » que ceux obtenus à la fin de l’Étape n°1 :
Cela confirme que votre application ToolJet peut désormais récupérer dynamiquement des données structurées de l’Apple App Store à la demande via une API Scraper Bright Data. Excellent !
Étape n°4 : Ajouter un tableau pour afficher les données récupérées
Maintenant que vous avez configuré la source de données, vous devez construire la partie frontend de l’application web. Commencez par ajouter un tableau pour afficher les données scrapées.
Dans la section droite de l’interface du Constructeur d’applications, cliquez sur le bouton « + » (Composants), sélectionnez « Tableau » et faites-le glisser sur le canvas de l’application :
Cliquez sur le composant tableau et, dans le panneau de droite, ouvrez l’onglet « Propriétés ». Définissez les données d’entrée du tableau sur la sortie de l’API REST précédemment configurée en sélectionnant « Source de données > AppAppStoreScrapingAPI » :
Ensuite, spécifiez les colonnes pour que le tableau puisse représenter correctement les données d’entrée. Dans la section « Colonnes », activez l’option « Utiliser des colonnes dynamiques » :
Puis, collez la configuration ci-dessous :
{{[
{ 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" }
]}}Cette représentation JSON correspond au schéma de données de sortie que vous pouvez voir dans le panneau de contrôle Bright Data (dans la section « Aperçu > Dictionnaire » de n’importe quelle page d’API Scraper).
Remarque : N’oubliez pas d’entourer l’expression JSON avec {{ }} pour que ToolJet interprète correctement la chaîne comme un objet.
Le tableau devrait commencer à afficher les données récupérées depuis l’API Scraper Apple App Store de Bright Data :
Fantastique ! Votre application web full-stack propulsée par Bright Data pour la surveillance en direct commence à prendre forme.
Étape n°5 : Ajouter un bouton pour la récupération dynamique des données
Maintenant que vous avez un tableau contenant les données scrapées, ajoutez la possibilité de le rafraîchir à la demande.
Commencez par ajouter un composant Bouton et étiquetez-le « Mettre à jour les données ». Ensuite, cliquez sur « Nouveau gestionnaire d’événements » et choisissez l’événement « Au clic » :
Pour l’action, sélectionnez « Exécuter la requête » et choisissez « AppleAppStoreScrapingAPI » comme requête à exécuter :
Cette configuration indique à ToolJet d’exécuter l’API Scraper Bright Data configurée chaque fois que l’utilisateur clique sur le bouton. L’API récupère les dernières données de l’Apple App Store en temps réel. Puisque le tableau est déjà lié à la requête (qui correspond à la réponse de l’API), il affichera automatiquement les données mises à jour dès que la requête sera terminée.
Pour améliorer l’expérience utilisateur, vous pouvez également ajouter deux événements de clic supplémentaires : un pour activer l’état de chargement du tableau avant le début de l’appel API, et un autre pour le désactiver après le chargement des nouvelles données.
La section « Événements » de votre bouton « Mettre à jour les données » devrait ressembler à ceci :
Formidable ! Le frontend de votre application ToolJet propulsée par Bright Data est maintenant complet. Il ne reste plus qu’à tester le workflow.
Étape n°6 : Tester l’application web full-stack pour la surveillance de l’Apple App Store
Pour vérifier que l’application fonctionne, cliquez sur le bouton « Aperçu » :
Vous pourrez maintenant interagir avec votre application full-stack dans une page d’aperçu dédiée. Initialement, le tableau n’affichera aucune donnée.
Pour tester le workflow, cliquez sur « Mettre à jour les données ». Après cela :
- Le tableau entre dans un état de chargement comme prévu.
- La requête « AppleAppStoreScrapingAPI » est déclenchée, appelant l’API Apple App Store de Bright Data pour scraper dynamiquement les dernières données.
- Le tableau quitte l’état de chargement une fois la requête terminée.
- Les données récupérées sont affichées dans le tableau.
Comme vous pouvez le voir, le tableau contient désormais des données telles que les notes d’avis, le nombre d’évaluateurs et la distribution en pourcentage des notes par étoiles. Le résultat est un outil de surveillance de l’App Store full-stack que tout le monde peut utiliser, quel que soit son niveau technique.
Et voilà ! Cela démontre la puissance des API ToolJet + Bright Data pour le scraping web et les applications de données en temps réel.
Autres cas d’utilisation de ToolJet + Bright Data
L’exemple présenté dans le chapitre précédent n’est qu’un des nombreux cas d’utilisation pris en charge par la combinaison ToolJet + Bright Data. Explorons-en d’autres !
Tableaux de bord de surveillance du marché et des tendances
L’idée est de créer des tableaux de bord qui suivent les tendances de marché émergentes sur les sites web, les forums et les plateformes numériques en temps réel. Bright Data collecte et structure les données web en direct, tandis que ToolJet les transforme en insights visuels comme des graphiques, des tableaux et des KPI. Cela permet aux équipes d’entreprise d’identifier rapidement les changements de demande, les nouvelles catégories de produits et l’évolution du comportement des utilisateurs sans recherche manuelle, permettant une prise de décision stratégique plus rapide.
Systèmes de surveillance des prix et des stocks e-commerce
Les entreprises peuvent combiner les API Bright Data avec les tableaux de bord ToolJet pour surveiller les prix des produits, la disponibilité et les variations sur plusieurs plateformes e-commerce. Les données sont automatiquement collectées et normalisées, puis affichées dans les applications ToolJet pour les équipes d’approvisionnement, de stratégie de prix ou d’optimisation des marketplaces. Cela permet des décisions de tarification dynamiques et une réaction plus rapide aux ruptures de stock ou aux remises des concurrents.
Plateformes de réputation de marque
En utilisant Bright Data pour collecter des avis, des notes et des retours d’utilisateurs depuis des plateformes comme les app stores ou les marketplaces, ToolJet peut transformer cela en un système de surveillance du sentiment et de la réputation en direct. Les entreprises peuvent suivre les tendances de notation, détecter les pics négatifs et analyser les retours clients en temps réel. Cela aide les équipes marketing et produit à réagir plus rapidement aux changements de sentiment des utilisateurs.
Outils de génération de leads et de cartographie du marché
Bright Data peut recueillir des données commerciales et de contact structurées depuis des annuaires, des moteurs de recherche et des sources publiques, tandis que ToolJet les transforme en outils internes de gestion des leads. Les équipes peuvent filtrer, segmenter et prioriser visuellement les leads, créer des workflows d’enrichissement automatisés et suivre les performances de prospection. Cela crée des systèmes de prospection évolutifs et axés sur les données pour les équipes de vente B2B et de croissance.
Conclusion
Dans cet article de blog, vous avez appris ce qu’est ToolJet. Vous avez également compris pourquoi son intégration avec Bright Data aide les entreprises à compléter leurs données internes avec des données web en direct, fraîches et de haute qualité.
Comme démontré, l’intégration ne prend que quelques clics grâce aux API Bright Data. Celles-ci prennent en charge le scraping web, la découverte de données, la recherche, le crawling à grande échelle et bien plus encore. Le résultat est un ensemble d’applications web de niveau entreprise pour une large gamme de cas d’utilisation, de la surveillance du marché à l’analyse de la réputation de marque.
Si vous avez besoin d’aide pour l’intégration de Bright Data dans ToolJet, n’hésitez pas à contacter notre équipe d’assistance disponible 24h/24 et 7j/7.
Créez un compte Bright Data aujourd’hui et commencez à explorer nos solutions de données web prêtes pour l’IA !
