TG-bot을 통한 랜딩 페이지용 OpenClaw 설정

OpenClaw와 텔레그램 봇으로 랜딩 페이지 관리 자동화하기

OpenClaw를 사용하면 텔레그램 봇을 통해 여러 랜딩 페이지를 관리할 수 있습니다: 요소 삭제, 콘텐츠 추가, 스타일 변경, 페이지 생성, 변경 사항 롤백, 폼 통계 수집 등이 가능합니다. 이를 통해 출시 시간을 몇 주에서 몇 분으로 단축할 수 있습니다. 간단한 단일 페이지 사이트의 경우 Ubuntu 22.04+와 3GB RAM이 탑재된 VPS가 필요합니다.

서버 준비 및 OpenClaw 설치

OpenClaw 버전(예: nanobot)을 선택합니다. 텔레그램 봇 토큰을 지정하고 닉네임 허용 목록을 설정합니다. gpt-5.2+ 또는 gpt-5.3-codex 모델을 사용합니다. sudo 권한으로 systemd 데몬으로 배포합니다.

서비스 /etc/systemd/system/nanobot-gateway.service를 생성합니다:

[Unit]
Description=SiteBot
After=network.target
Wants=network-online.target
[Service]
Type=simple
User=root
Group=root
ExecStart=%h/.local/bin/nanobot gateway
Restart=always
RestartSec=10
ProtectSystem=yes

# 리소스 제한
MemoryHigh=1G
MemoryMax=2G
MemorySwapMax=0

[Install]
WantedBy=multi-user.target

활성화합니다:

sudo systemctl daemon-reload
sudo systemctl enable --now nanobot-gateway
sudo systemctl start nanobot-gateway

ProtectSystem=yes는 잘못된 명령으로 인한 시스템 손상을 방지합니다.

테스트를 위한 Playwright 통합

Node.js LTS를 설치합니다:

curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt install -y nodejs

확인: node --version (v20.x/v22.x), npm --version (10.x+).

Playwright를 설치합니다:

npm install @playwright/mcp@latest
npx playwright install --with-deps

OpenClaw 설정에 추가합니다:

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest",
        "--browser=firefox",
        "--headless",
        "--no-sandbox"
      ]
    }
  }
}

이를 통해 브라우저를 통한 변경 사항의 자동화된 테스트가 가능해집니다.

랜딩 페이지 저장소 구성

/var/www/Landings를 생성하고 버전 기록을 위한 빈 GitHub 저장소를 만듭니다:

git clone <repo-url> /var/www/Landings

사이트 제공을 위한 Nginx 설정

Nginx를 설치합니다:

sudo apt update
sudo apt install nginx
sudo systemctl enable --now nginx

사이트 /var/www/Landings/site1의 경우 /etc/nginx/sites-available/site1.conf를 생성합니다:

server {
    listen 80;
    server_name site1.example.com www.site1.example.com;

    root /var/www/Landings/site1;
    index index.html index.htm;

    location / {
        try_files $uri $uri/ =404;
    }
}

활성화합니다:

sudo ln -s /etc/nginx/sites-available/site1.conf /etc/nginx/sites-enabled/
sudo nginx -t
sudo systemctl reload nginx

site2, site3 등에 대해 반복합니다. 봇이 이를 자동으로 수행할 수 있습니다.

기존 사이트 마이그레이션

텔레그램 봇을 통해: "example.com 사이트를 /var/www/Landings/site1로 복제하세요."

또는 수동으로:

scp -r "/path/to/site/folder" username@ip_or_host_of_our_VPS:/var/www/Landings/site1

봇을 통한 주요 작업

• 요소 삭제: "사이트 X에서 이것을 제거하세요."
• 콘텐츠 추가: "사이트 Y에 그것을 추가하세요."
• 스타일 변경: "사이트 Z의 스타일을 ...로 변경하세요."
• 페이지 생성: "...를 위한 새 페이지를 생성하세요."
• 변경 사항 롤백: "사이트 XM의 최신 변경 사항을 롤백하세요."
• 아이콘 업데이트: "사이트 XS의 아이콘을 더 현대적인 것으로 교체하세요."
• 통계 수집: "사이트 X, Y, Z에서 폼 제출 통계를 수집하세요."

Playwright가 헤드리스 모드에서 변경 사항을 테스트합니다.

중요한 점

• 출시 시간 절감: 테스트와 함께 변경 사항을 몇 분 안에 적용 가능.
• 롤백 및 버전 관리를 위한 Git 기록.
• TG 봇의 허용 목록을 통한 제한된 접근.
• 안정성을 위한 리소스 제한 (MemoryHigh=1G, MemoryMax=2G).
• ProtectSystem=yes로 AI 명령의 위험 최소화.

— Editorial Team