Hugo 블로그 구축기 6편 - 텔레그램 실시간 알림의 마법

~/telegram-webhook/
├── Dockerfile
├── webhook-telegram.js
└── package.json (자동 생성)

FROM node:18-alpine

WORKDIR /app

# package.json 생성 및 의존성 설치
RUN npm init -y && npm install express axios

# webhook 서버 파일 복사
COPY webhook-telegram.js .

EXPOSE 3001

CMD ["node", "webhook-telegram.js"]

const express = require('express');
const axios = require('axios');
const app = express();

app.use(express.json());

const BOT_TOKEN = process.env.BOT_TOKEN;
const CHAT_ID = process.env.CHAT_ID;

app.post('/cusdis-telegram', async (req, res) => {
  try {
    console.log('📥 웹훅 요청 받음:', JSON.stringify(req.body, null, 2));
    
    const { type, data } = req.body;
    
    if (type === 'new_comment') {
      const {
        by_nickname,
        by_email,
        content,
        page_title,
        page_id,
        approve_link
      } = data;
      
      // 댓글 URL 구성
      const postUrl = `https://coderred.com/posts/${page_id}/`;
      
      const message = `🔔 새 댓글 알림!

📝 **${page_title}**
👤 작성자: ${by_nickname}${by_email ? ` (${by_email})` : ''}
💬 댓글: ${content}

🔗 [포스트 보기](${postUrl})
⚡ [댓글 승인](${approve_link})
🎛️ [관리 대시보드](https://comments.coderred.com)`;

      const telegramUrl = `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage`;
      
      await axios.post(telegramUrl, {
        chat_id: CHAT_ID,
        text: message,
        parse_mode: 'Markdown',
        disable_web_page_preview: false
      });
      
      console.log(`✅ 댓글 알림 전송 완료: ${by_nickname} → ${page_title}`);
    }
    
    res.status(200).send('OK');
  } catch (error) {
    console.error('❌ 텔레그램 알림 실패:', error);
    res.status(500).send('Error');
  }
});

app.listen(3001, '0.0.0.0', () => {
  console.log('🤖 텔레그램 웹훅 서버 실행: http://0.0.0.0:3001');
});

# 프로젝트 생성
mkdir -p ~/telegram-webhook && cd ~/telegram-webhook

# 파일들 생성 후...

# 빌드
docker build -t telegram-webhook .

# 포트 노출 없이 실행 (보안 강화!)
docker run -d \
  --name telegram-webhook \
  --restart unless-stopped \
  --network npm_default \
  -e BOT_TOKEN="123456789:ABCdefGHIjklMNOpqrsTUVwxyz" \
  -e CHAT_ID="987654321" \
  telegram-webhook

# 환경변수 확인
docker exec telegram-webhook printenv | grep -E "(BOT_TOKEN|CHAT_ID)"

<script>
document.addEventListener('DOMContentLoaded', function() {
  function adjustIframeHeight() {
    const iframe = document.querySelector('#cusdis_thread iframe');
    if (iframe) {
      try {
        const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
        const height = iframeDoc.body.scrollHeight;
        const adjustedHeight = Math.max(400, Math.min(height + 50, 1000));
        iframe.style.height = adjustedHeight + 'px';
      } catch (e) {
        iframe.style.height = '500px';
      }
    }
  }
  
  // iframe 감지 및 주기적 조정
  const observer = new MutationObserver((mutations) => {
    mutations.forEach((mutation) => {
      if (mutation.addedNodes.length > 0) {
        const iframe = mutation.target.querySelector('iframe');
        if (iframe) {
          iframe.addEventListener('load', () => {
            setTimeout(adjustIframeHeight, 500);
          });
          setInterval(adjustIframeHeight, 2000);
        }
      }
    });
  });
  
  const cusdisContainer = document.getElementById("cusdis_thread");
  if (cusdisContainer) {
    observer.observe(cusdisContainer, { 
      childList: true, 
      subtree: true 
    });
  }
});
</script>

# ❌ 문제 버전 (줄바꿈으로 분리됨)
docker run -d \
  --name hugo-blog \
  nginx:alpine

# ✅ 해결 버전 (한 줄로 작성)
docker run -d --name hugo-blog --restart unless-stopped --network npm_default -p 9572:80 -v ~/coderblog/public:/usr/share/nginx/html:ro nginx:alpine

# 컨테이너 재빌드
cd ~/telegram-webhook
docker stop telegram-webhook && docker rm telegram-webhook
docker build -t telegram-webhook .
docker run -d --name telegram-webhook --restart unless-stopped \
  --network npm_default \
  -e BOT_TOKEN="봇토큰" -e CHAT_ID="채팅ID" \
  telegram-webhook

# 로그 실시간 모니터링
docker logs telegram-webhook --follow

# 직접 텔레그램 API 테스트
curl -X POST "https://api.telegram.org/bot[봇토큰]/sendMessage" \
  -H "Content-Type: application/json" \
  -d '{"chat_id": "[채팅ID]", "text": "테스트 메시지"}'

# 모든 컨테이너 확인
docker ps | grep -E "(hugo-blog|cusdis|npm|telegram)"

# 네트워크 연결 테스트
docker exec cusdis ping telegram-webhook

# 직접 API 테스트로 확인
curl -X POST "https://api.telegram.org/bot[봇토큰]/sendMessage" \
  -H "Content-Type: application/json" \
  -d '{"chat_id": "[채팅ID]", "text": "테스트"}'