OpenClaw用カスタムコマンドセンターアプリ:WebSocketプロキシとTailscaleを備えたReact PWA

✍️ OpenClawRadar📅 公開日: May 12, 2026🔗 Source
OpenClaw用カスタムコマンドセンターアプリ:WebSocketプロキシとTailscaleを備えたReact PWA
Ad

Redditユーザー(Weird_Night_2176)がOpenClawゲートウェイ上に構築したカスタムコマンドセンターアプリを共有しました。このアプリは、Twilioの1日50メッセージのサンドボックス制限に悩まされていた以前のWhatsAppベースの制御方法を置き換えるものです。セットアップはJetsonデバイス上で動作し、Tailscale経由でどこからでもアクセス可能なReact PWAを提供します。

アーキテクチャと主要コンポーネント

  • WebSocketプロキシ: OpenClawはループバックにのみバインドするため、開発者は軽量なExpressプロキシサーバーを作成してWebSocket接続を橋渡ししました。これにより、ReactフロントエンドがTailscaleメッシュ上の任意のデバイスからOpenClawゲートウェイと通信できるようになります。
  • フロントエンド: Jetsonから直接提供されるReactプログレッシブウェブアプリ(PWA)。
  • ネットワーク: 安全なリモートアクセスのためのTailscaleメッシュ。アプリはiPhone上のTailscale経由で動作します。
Ad

コマンドセンターの機能

  • ライブチャットインターフェース: AIエージェント「Bosefus」と直接チャット。
  • エージェントダッシュボード: 14人のエージェントとその最後のタスクおよびステータスを表示。
  • トレーディングデスク: ライブAlpacaポジションと暗号通貨の損益。
  • クルー実行履歴: すべての自動化ジョブを名前で記録。
  • Ollamaモデルステータス: Orange Piモデルサーバーのライブステータス。
  • ビルドファンドトラッカー: 次のハードウェアアップグレードに向けた貯蓄を追跡。
  • プッシュ通知: アラート用にWhatsAppを置き換え。

対象ユーザー

OpenClawをAIエージェントゲートウェイとして実行し、コマンドラインやサードパーティのメッセージングアプリを超えた専用UIを必要とする開発者。特に複数のエージェントや取引連携を行う方に最適です。

リソース

ユーザーは近日YouTubeで完全なビルドのチュートリアルを公開予定です。現時点では、Redditの投稿にアーキテクチャと動機の詳細があります。

📖 Read the full source: r/openclaw

Ad

👀 See Also

効果的な自動化のためのゲートウェイ切断の処理
Guides

効果的な自動化のためのゲートウェイ切断の処理

ゲートウェイ切断時にAIコーディングエージェントの運用を維持するための実践的な解決策を探ります。Grafanaによる監視、自動再接続スクリプト、信頼性向上のための冗長パス活用などのヒントを含みます。

OpenClawRadar
非開発者向けのWindows 11におけるOpenClawインストールの障壁
Guides

非開発者向けのWindows 11におけるOpenClawインストールの障壁

趣味の改造者が、Windows 11を搭載した200ドルのミニPCにOpenClawをインストールする際に直面した3つの具体的な障害について詳述しています。これには、PowerShellの実行ポリシー、Windows Defenderによるブロック、Node.jsやGitなどの依存関係の不足が含まれます。

OpenClawRadar
OpenClawの信頼性問題に対する実用的な修正
Guides

OpenClawの信頼性問題に対する実用的な修正

ある開発者が、日次ログとナレッジグラフを含む3層メモリシステム、活性化スコア管理、ファイルベースのルール強制など、OpenClawセットアップを改善した8つの具体的な手法を共有しています。

OpenClawRadar
Claude Code CLI経由でのOpenClaw Claudeアクセスの回避策
Guides

Claude Code CLI経由でのOpenClaw Claudeアクセスの回避策

Anthropicが直接のサードパーティ連携をブロックした後、Claudeサブスクリプションへのアクセスを維持するために、OpenClawをClaude Code CLI経由でルーティングする方法です。このプロセスには、CLIのインストール、OAuthトークンの設定、およびOpenClawでACPプラグインを使用するための設定が含まれます。

OpenClawRadar