Web interfaces

웹

Gateway는 Gateway WebSocket과 같은 포트에서 작은 브라우저 제어 UI(Vite + Lit)를 제공합니다.

기본값: http://<host>:18789/
gateway.tls.enabled: true 사용 시: https://<host>:18789/
선택적 접두사: gateway.controlUi.basePath 설정(예: /openclaw)

기능은 제어 UI에 있습니다. 이 페이지의 나머지 부분은 바인드 모드, 보안, 웹 노출 표면에 중점을 둡니다.

Webhook

hooks.enabled=true이면 Gateway는 같은 HTTP 서버에 작은 Webhook 엔드포인트도 노출합니다. 인증 및 페이로드는 Gateway 구성 → hooks를 참조하세요.

구성(기본 활성화)

자산이 있을 때(dist/control-ui) 제어 UI는 기본적으로 활성화됩니다. 구성으로 제어할 수 있습니다.

{
  gateway: {
    controlUi: { enabled: true, basePath: "/openclaw" }, // basePath optional
  },
}

Tailscale 액세스

통합 Serve(권장)

Gateway는 loopback에 유지하고 Tailscale Serve가 프록시하도록 하세요.

{
  gateway: {
    bind: "loopback",
    tailscale: { mode: "serve" },
  },
}

그런 다음 Gateway를 시작합니다.

openclaw gateway

열기:

https://<magicdns>/(또는 구성한 gateway.controlUi.basePath)

Tailnet 바인드 + 토큰

{
  gateway: {
    bind: "tailnet",
    controlUi: { enabled: true },
    auth: { mode: "token", token: "your-token" },
  },
}

그런 다음 Gateway를 시작합니다(이 non-loopback 예시는 shared-secret 토큰 인증을 사용합니다).

openclaw gateway

열기:

http://<tailscale-ip>:18789/(또는 구성한 gateway.controlUi.basePath)

공용 인터넷(Funnel)

{
  gateway: {
    bind: "loopback",
    tailscale: { mode: "funnel" },
    auth: { mode: "password" }, // or OPENCLAW_GATEWAY_PASSWORD
  },
}

보안 참고 사항

Gateway 인증은 기본적으로 필요합니다(토큰, 비밀번호, trusted-proxy 또는 활성화된 경우 Tailscale Serve ID 헤더).
non-loopback 바인드는 여전히 Gateway 인증이 필요합니다. 실제로는 토큰/비밀번호 인증 또는 gateway.auth.mode: "trusted-proxy"를 사용하는 ID 인식 리버스 프록시를 의미합니다.
마법사는 기본적으로 shared-secret 인증을 만들며 보통 Gateway 토큰도 생성합니다 (loopback에서도).
shared-secret 모드에서는 UI가 connect.params.auth.token 또는 connect.params.auth.password를 전송합니다.
gateway.tls.enabled: true이면 로컬 대시보드 및 상태 헬퍼가 https:// 대시보드 URL과 wss:// WebSocket URL을 렌더링합니다.
Tailscale Serve 또는 trusted-proxy 같은 ID 포함 모드에서는 대신 요청 헤더로 WebSocket 인증 검사가 충족됩니다.
non-loopback 제어 UI 배포의 경우 gateway.controlUi.allowedOrigins를 명시적으로 설정하세요(전체 origin). 없으면 Gateway 시작이 기본적으로 거부됩니다.
gateway.controlUi.dangerouslyAllowHostHeaderOriginFallback=true는 Host 헤더 origin 폴백 모드를 활성화하지만, 이는 위험한 보안 다운그레이드입니다.
Serve를 사용할 때 gateway.auth.allowTailscale이 true이면 Tailscale ID 헤더가 제어 UI/WebSocket 인증을 충족할 수 있습니다(토큰/비밀번호 불필요). HTTP API 엔드포인트는 이러한 Tailscale ID 헤더를 사용하지 않으며, 대신 Gateway의 일반 HTTP 인증 모드를 따릅니다. 명시적 자격 증명을 요구하려면 gateway.auth.allowTailscale: false를 설정하세요. Tailscale 및 보안을 참조하세요. 이 토큰 없는 흐름은 Gateway 호스트가 신뢰된다고 가정합니다.
gateway.tailscale.mode: "funnel"에는 gateway.auth.mode: "password"(공유 비밀번호)가 필요합니다.

UI 빌드

Gateway는 dist/control-ui에서 정적 파일을 제공합니다. 다음으로 빌드하세요.

pnpm ui:build

# Webhook

# 구성(기본 활성화)

# Tailscale 액세스

# 통합 Serve(권장)

# Tailnet 바인드 + 토큰

# 공용 인터넷(Funnel)

# 보안 참고 사항

# UI 빌드