이 워크플로우의 앱

작동 방식

Are you tired of manually checking your website's performance and status? Do you wish for a seamless solution that keeps you informed in real-time? Look no further! With Latenode's Headless Browser and Telegram Bot integration, you can set up your own website monitoring service in just 5 minutes. Not only will you be able to monitor the activity of your website, but you'll also receive instant notifications the moment your site experiences any errors or downtime. In this guide, we'll walk you through the step-by-step process of creating this automation workflow.

What You'll Need:

  • Telegram account
  • Access to Latenode.com

Step 1: Creating a Telegram Bot

  • Initiate Conversation with BotFather
  • Start a conversation with BotFather on Telegram.
  • Create a New Bot:
Illustration of BotFather
  • Type /newbot and follow the prompts to give your bot a name and generate a username.
  • You'll receive an API key for your Telegram bot.

Enable Group Chat Invitations:

  • Type /help and /setjoingroups to allow your bot to be invited to group chats.

Add Bot to a Group Chat:

  • Create a new group chat or add your bot to an existing one.
  • You'll need the chat ID of this group for later steps.
Illustration how to Add BotFather to a Group chat

Step 2: Setting Up the Latenode Scenario

Illustration of setting up the scenario on Latenode

Log in to Latenode.com:

  • Latenode 계정에 로그인합니다.

Create a New Scenario:

  • Click on "Create New Scenario" and give it a name.

Configure Triggers:

  • Add a Schedule trigger to activate the performance check at regular intervals.
  • Add a Webhook trigger for customizable activation links.

Implement Headless Browser:

  • Add a Headless Browser node.

Here’s the code I’m using:


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 };


This is just a simple example. You can build up any logic here, Latenode’s Headless browser is giving you a huge variety of possibilities with a Puppeteer library.

  • Copy and paste the provided code to navigate to your website and check for specific text.

Set Up Telegram Nodes:

  • Add two Telegram Bot API nodes to send messages.
  • Connect them to the Headless Browser node.
  • Configure filters to execute based on the result of the Headless Browser node.

Configure Telegram Nodes:

illustration of Configuration of Telegram nodes
  • Enter your bot's access token obtained from BotFather.
  • Provide the chat ID of the group where you want to receive notifications.
  • Customize the message text and parsing mode.

Save and Deploy

  • Save the scenario and deploy it to make it automatically active.

결론

Congratulations! You've successfully created your own webpage monitoring workflow using Latenode. With this automation in place, you'll receive real-time updates on your website's performance directly to your Telegram group chat. Feel free to customize and adapt the scenario to suit your specific needs, whether you want to monitor website changes or monitor a website for changes. 

Join our Discord Channel for support and to connect with other low-code enthusiasts. The possibilities for automation are endless, and we're excited to have you join us on this journey!

카테고리

AI
IT 및 개발

자주 묻는 질문

프로그래밍에 익숙하지 않은 경우 Latenode 을 사용할 수 있나요?

예, Latenode 은 모든 기술 수준의 사용자를 위해 설계되었습니다. 자바스크립트에 능숙한 사용자를 위한 고급 기능과 초보자를 위한 직관적인 시각적 도구 및 AI 지원을 제공합니다. 숙련된 개발자이든 초보자이든 Latenode 은 사용자의 기술 수준에 맞는 사용자 친화적인 환경을 제공합니다.‍‍

Latenode 을 타사 서비스 및 API와 통합할 수 있나요?

예, Latenode 은 다양한 타사 서비스 및 API와의 통합을 지원합니다. Latenode 을 다양한 온라인 플랫폼, 데이터베이스 및 소프트웨어 시스템에 연결하여 데이터 전송을 자동화하고 작업을 트리거하며 워크플로우를 간소화할 수 있습니다. Latenode 또한 통합 프로세스를 용이하게 하는 도구와 리소스를 제공합니다.

Latenode 무료 버전이 있나요?

예, Latenode 에서는 기능을 살펴볼 수 있는 무료 버전을 제공합니다. 이 버전에는 Latenode 의 일부 기능이 포함되어 있어 자동화를 시작하고 그 이점을 경험할 수 있습니다. 그런 다음 추가 기능 및 리소스를 위해 유료 요금제로 업그레이드할지 여부를 결정할 수 있습니다.

Latenode 란 무엇인가요?

Latenode 는 고객이 자동화를 통해 워크플로우를 간소화할 수 있도록 설계된 가시적이고 직관적인 자동화 도구입니다. 이를 통해 고객은 다양한 인터넷 서비스와 가젯을 연결하여 전산화 전략을 수립함으로써 의무를 자동화하고 생산성을 성공적으로 꾸밀 수 있습니다.

Latenode 어떻게 기회를 극대화할 수 있나요?

데이터 통합을 통해 모든 마케팅 도구를 한 곳에 통합함으로써 Latenode 운영 현황을 종합적으로 파악할 수 있습니다. 이를 통해 잠재적 기회를 더 쉽게 파악하고 정확한 데이터를 기반으로 정보에 입각한 의사 결정을 내릴 수 있습니다.