Surveillance automatique du site Web avec Headless Browser et Telegram Bot à l'intérieur de Latenode

Bonjour ! C'est Daniel de Latenode. Si vous avez un site Web aujourd'hui, vous utilisez probablement une sorte de framework frontend comme React. Dans ce cas, de nombreux services de surveillance pourraient ne pas fonctionner correctement avec votre site Web. 

Mais il existe une solution ! Nous pouvons exploiter la puissance d'un navigateur sans tête dans Latenode pour créer un tel service par vous-même en seulement 5 minutes. De plus, nous ajouterons des notifications de bot Telegram à l'aide de nœuds sans code, garantissant ainsi que nous sommes toujours informés avec des notifications en temps réel !

Dans cet article, nous proposerons un instructions détaillées étape par étape sur la façon de créer un flux de travail d'automatisation de la surveillance de sites Web sur latenode.comCe processus implique l'utilisation d'un navigateur sans tête pour vérifier les performances du site Web et vous envoyer un message de rapport via un Telegram Bot, ainsi que la création d'un Telegram Bot avec BotFather.

De plus, il y a un modèle prêt à l'emploi de ce workflow vous attend à la fin de cet article, ce qui vous permettra d'utiliser ce scénario en seulement une minute.

Quel est le plan?

Pour créer un scénario de surveillance Web qui envoie des messages dans Telegram, vous devez :

• Créer un bot Telegram
• Créer un scénario Latenode

Et c'est encore plus facile qu'il n'y paraît ! Laissez-moi vous montrer.

Créer un bot Telegram

Votre relation respectueuse avec BotFather est un élément clé dans ce processus. Mais ne vous inquiétez pas, rien ne pourrait vous causer de problèmes. 

Après avoir démarré une conversation avec BotFather, suivez ces étapes :

1. Entrer / newbot
   Ensuite, il vous sera demandé de donner un nom à votre bot et de générer un nom d'utilisateur. C'est l'une de ces offres que vous ne pouvez pas refuser…
   Super ! Vous avez maintenant un Bot Telegram et une clé API pour ça!
2. Entrer  /aide, et  /setjoingroups
   Pour activer la possibilité d'inviter votre bot à des discussions de groupe.

Maintenant, ajoutez votre bot à un groupe de discussion ou créez-en un nouveau avec lui. C'est à cet endroit que le bot enverra des rapports. Vous aurez besoin de l'ID de ce chat plus tard dans ce flux de travail. Pour obtenir l'ID de chat, vous devez l'ouvrir à l'aide de Telegram Web.

Vous êtes prêt à passer au scénario de Latenode, faisons-le, ce ne sera pas long !

Créer un scénario sur latenode.com

Connectez-vous à latenode.com et créez un nouveau scénario. Voici un scénario dont vous avez besoin :

Ce scénario déclenche un navigateur sans tête une fois pendant une période définie pour vérifier la page d'autorisation de Latenode pour un texte spécifique, et selon sa présence, envoyer des messages positifs ou négatifs dans Telegram.

Décomposition du scénario :

1. Déclencheurs: Ici, vous voyez un déclencheur de planification, qui vous permet d'activer une vérification des performances à tout moment, et un déclencheur Webhook, qui vous fournit un lien personnalisable pour déclencher l'activation à tout moment en l'utilisant.
2. Navigateur sans tête : Toute la magie se produit ici. Dans ce cas particulier, HB va à ceci. page et recherche «Créez votre compte" texte. Si cette chaîne existe, le résultat est vrai, sinon, faux.
3. Nœuds de télégramme : Nœuds sans code qui envoient le message en fonction des résultats d'exécution du nœud du navigateur sans tête.

Navigateur sans tête - Les connexions Telegram ont des filtres. Le nœud Telegram supérieur est exécuté si le résultat du nœud HB est vrai. Le nœud inférieur est activé si le résultat est faux.

La mission est claire, action !

1. Déclencheurs

Créez un nouveau scénario, puis cliquez sur « Ajouter un nœud », accédez à Outils et dans la section Déclencheur, vous verrez PlanifierDéfinissez la période d'activation, sélectionnez le fuseau horaire et enregistrez les modifications.
Après cela, « ajoutez un nœud » une fois de plus et accédez au déclencheur Webhook, vous n'êtes pas obligé de le configurer, mais vous pouvez personnaliser son lien si vous le souhaitez. Enregistrez les modifications.

2. Navigateur sans tête

Cliquez sur « ajouter un nœud », allez dans le code et sélectionnez Navigateur sans têteVoici le code que j'utilise :

await page.goto('https://app.latenode.com/auth', { waitUntil: 'networkidle2' });

// The waitForSelector is used here to ensure that the React app has finished rendering.
// This is a simple approach and might need to be adjusted based on the actual app behavior.
await page.waitForSelector('[data-test-id="authEmailInput"]', { timeout: 10000 });

// Check if the specific string exists on the page
const isStringPresent = await page.evaluate(() => {
    return document.body.textContent.includes('Create your account');
});

return { "result": isStringPresent };

Copiez simplement ce code dans le champ de saisie et c'est tout.

Remarque : il s'agit simplement d'un exemple simple. Vous pouvez créer ici n'importe quelle logique, le navigateur Headless de Latenode vous offre une grande variété de possibilités avec une bibliothèque Puppeteer.Les

Si vous souhaitez vérifier le fonctionnement de votre code sans activer l’ensemble du scénario, utilisez le bouton « exécuter le nœud une fois ». Cela enregistrera automatiquement les modifications et exécutera uniquement ce nœud. Cela permet également aux données de ce nœud d’être utiles dans le nœud suivant. En parlant d’eux…

3. Nœuds et filtres de télégramme

Vous devez maintenant ajouter des nœuds Telegram pour que le robot vous remarque sur les performances du site Web.

Cliquez sur « Ajouter un nœud », recherchez l’API du bot Telegram. Ici vous cherchez «envoyer un message texte ou répondreAjoutez 2 de ces nœuds et connectez-les au nœud HB.

Avant de configurer ces nœuds, cliquez sur la connexion et sélectionnez «filtre de configuration". Dans cette fenêtre, vous nommez le filtre dans le champ "étiquette". Dans la condition, choisissez le résultat à partir du nœud HB dans le widget Helper, puis = dans COMPARE et oui dans les MOTS CLÉS. Enregistrez les modifications. 

Le nœud connecté va être exécuté si l'exécution du navigateur sans tête est réussi.

Ensuite, faites le négatif. Faites tout de même, mais choisissez non en MOTS CLÉS.

Maintenant les nœuds eux-mêmes.

Pour les configurer :

1. Mettez le jeton d'accès de votre bot de BotFather dans « connexion »
2. Mettre l'ID de discussion d'un groupe de discussion avec votre bot (vous pouvez le voir en utilisant Telegram Web)
3. Écrire le texte du message d'un bot.
4. Sélectionner le mode d'analyse. Cela change l'apparence du message

Voilà ! Il est maintenant temps de sauvegarder le scénario et de le déployer ! Cela rendra le scénario automatiquement actif.
Et comme je l'ai promis plus tôt, vous pouvez obtenir ce scénario Latenode sous forme de modèle prêt à l'emploi ici.Les

Pour aller plus loin Les

Félicitations, vous venez de devenir l'architecte estimé de votre propre flux de travail de surveillance de site Web ! À partir de maintenant, vous avez le pouvoir de personnaliser et d'adapter ce scénario à vos besoins uniques. La seule limite à la polyvalence de votre approche est votre propre imagination.

N'oubliez pas que vous n'êtes pas seul dans ce voyage vers l'automatisation low-code. Si jamais vous avez du mal à recréer ce scénario ou si vous recherchez simplement des personnes partageant les mêmes idées pour partager votre passion, rejoignez-nous sur notre Chaîne Discord, Vous y trouverez du soutien de ma part, des développeurs de Latenode et d'une communauté grandissante de passionnés du low-code. Nous avons hâte de vous compter parmi nous !