내 블로그 방명록,댓글 실시간 텔레그램 알림으로 확인하기

내 블로그 방명록,댓글 실시간 텔레그램 알림으로 확인하기

안녕하세요! 지난 시간까지 우리 블로그에 댓글 시스템을 설치하는 작업을 했습니다. 그런데 누군가 글을 남겼는지 확인하러 매번 블로그에 들어갈 순 없겠죠?

오늘은 ‘텔레그램 봇’을 이용해, 방명록이 작성되는 즉시 내 스마트폰으로 “띵동!” 알림이 오게 만드는 방법을 알아보겠습니다. 복잡해 보이지만 순서대로 따라오시면 5분 만에 끝납니다!

댓글 시스템 텔레그램 알람

1단계: 나만의 비서 ‘실시간 텔레그램 알림 봇’ 만들기 (Token 발급)

먼저 나 대신 알림을 보내줄 일꾼(봇)을 고용해야 합니다. 텔레그램에는 봇을 만들어주는 ‘봇들의 아버지’가 있습니다.

  1. 텔레그램 앱 검색창에 @BotFather를 검색하세요. (파란색 공식 인증 마크가 있는 계정을 선택해야 안전합니다.)
  2. 대화창을 열고 /newbot 이라는 메시지를 보냅니다. “새로운 봇을 만들겠다”는 신호입니다.
  3. 봇의 이름을 정해줍니다. (예: OpenIPC_알리미) 이건 채팅방에 표시될 이름이라 자유롭게 정하셔도 됩니다.
  4. 가장 중요한 사용자 이름(Username)을 정합니다. 이건 중복이 안 되는 고유 주소 같은 건데요, 반드시 끝이 _bot으로 끝나야 합니다. (예: openipc_visit_bot)
  5. 성공하면 아주 긴 영어와 숫자가 섞인 HTTP API token을 줍니다. 이게 바로 우리 코드에 넣을 BOT_TOKEN입니다. 다른 사람에게 노출되지 않게 메모장에 잘 적어두세요!

2단계: 봇에게 ‘말 걸기’ 시작

봇을 만들기만 하고 가만히 두면, 봇은 주인님이 누구인지 몰라 알림을 보낼 수 없습니다. 통로를 뚫어주는 작업이 필요합니다.

  • 방금 만든 봇의 링크(예: t.me/openipc_visit_bot)를 클릭해 대화창을 엽니다.
  • 하단의 [시작] 버튼을 누르거나 /start 메시지를 보냅니다.

주의: 이 과정을 생략하면 봇이 여러분에게 메시지를 보낼 권한이 생기지 않아 알림이 오지 않습니다. 꼭 ‘시작’을 눌러주세요!

3단계: 내 채팅방 번호 알아내기 (CHAT_ID)

봇이 편지를 들고 어디로 가야 할지 주소를 알려줘야 합니다. 텔레그램에서 내 계정의 고유 번호를 확인해 봅시다.

  1. 검색창에 @userinfobot을 검색해서 대화창을 엽니다.
  2. [시작] 버튼을 누릅니다.
  3. 봇이 즉시 내 정보를 보여주는데, 여기서 Id: 123456789 처럼 숫자로 된 부분이 나옵니다. 이게 바로 우리 주소인 CHAT_ID입니다.

만약 @userinfobot 같은 외부 서비스가 응답하지 않을 때, 텔레그램 서버에 직접 물어보는 가장 확실한 방법입니다.

1. 봇에게 “똑똑” 인사하기

먼저 텔레그램에서 내가 만든 봇을 찾아 [시작] 버튼을 누르거나 아무 메시지나 보내세요. 봇과 나 사이에 대화 기록이 생겨야 서버에서 ID를 찾을 수 있습니다.

2. 브라우저에서 ‘우편함’ 확인하기

주소창에 아래와 같이 입력하여 접속합니다. (토큰 보안을 위해 직접 입력하세요.) https://api.telegram.org/bot[여러분의_토큰]/getUpdates

3. 내 Chat ID 숫자 찾기

접속 시 나타나는 JSON 데이터 중에서 아래 부분을 찾으세요.

{"ok":true,"result":[{"update_id":8888888,
"message":{"message_id":3,"from":{"id":12345678, ...}

위 예시에서 12345678 자리에 있는 숫자가 바로 여러분의 Chat ID입니다. 이 번호를 복사해서 Supabase 설정에 사용하면 됩니다.

4단계: 코드에 실시간 텔레그램 알림 코드 적용

이제 재료가 다 준비되었습니다! 2편에서 만들었던 Edge Function 코드를 열고, 윗부분에 방금 얻은 ‘토큰’과 ‘아이디’를 넣어주기만 하면 됩니다.

// Edge Function 코드 내부 수정 예시 (복사해서 본인 값으로 수정하세요)

const BOT_TOKEN = "12345678abcdef" // 발급받은 봇 토큰 입력
const CHAT_ID = "8888888" // 확인한 숫자 ID 입력

입력을 마쳤다면 다시 한번 Deploy(배포) 버튼을 눌러 저장해 주세요.

5단계: 최종 테스트!

자, 이제 모든 설정이 끝났습니다. 이제 제대로 작동하는지 확인해 볼까요?

  1. 브라우저를 열고 내 블로그 방명록으로 이동합니다.
  2. 아무 내용이나 입력하고 [등록] 버튼을 꾹 눌러보세요.
  3. 성공 시: 1초도 안 되어서 텔레그램으로 ” [도메인] 방명록 알림” 메시지가 도착합니다!

이제 언제 어디서든 방문자의 소중한 메시지를 실시간으로 확인할 수 있게 되었습니다. 단순히 블로그를 운영하는 것을 넘어, 나만의 자동화 시스템을 구축하신 거예요!

댓글 남기기