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

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経由で動作します。
コマンドセンターの機能
- ライブチャットインターフェース: AIエージェント「Bosefus」と直接チャット。
- エージェントダッシュボード: 14人のエージェントとその最後のタスクおよびステータスを表示。
- トレーディングデスク: ライブAlpacaポジションと暗号通貨の損益。
- クルー実行履歴: すべての自動化ジョブを名前で記録。
- Ollamaモデルステータス: Orange Piモデルサーバーのライブステータス。
- ビルドファンドトラッカー: 次のハードウェアアップグレードに向けた貯蓄を追跡。
- プッシュ通知: アラート用にWhatsAppを置き換え。
対象ユーザー
OpenClawをAIエージェントゲートウェイとして実行し、コマンドラインやサードパーティのメッセージングアプリを超えた専用UIを必要とする開発者。特に複数のエージェントや取引連携を行う方に最適です。
リソース
ユーザーは近日YouTubeで完全なビルドのチュートリアルを公開予定です。現時点では、Redditの投稿にアーキテクチャと動機の詳細があります。
📖 Read the full source: r/openclaw
👀 See Also

OpenClawでサブエージェントを別々のワークスペースで設定する方法
複数のサブエージェントを分離されたワークスペースと異なるモデルで構成するコミュニティソリューション

アイドルエージェントが1日5000万トークンを消費した理由と改善方法
アイドル状態のOpenClawエージェントが、ハートビートpingにより毎日5000万トークンを無駄に消費。Redditユーザーがリークを追跡し、設定変更で修正した方法を共有。

OpenClaw自動化における予期せぬOpenRouterコストを回避する方法
ある開発者チームが、OpenRouterでClaude Sonnet 4.6(100万トークンあたり3ドル)をすべての自動化タスクでデフォルトとして使用したことで、3日間で750ドルを誤って消費した経験を共有しました。デフォルトモデルの変更、cronジョブやサブエージェントをより安価なオプションに固定し、高価なモデルは機密性の高い作業のみに使用することで、コストを97%削減しました。

APIコストを膨らませる5つの一般的なOpenClaw設定問題
Redditの投稿が、OpenClawの設定におけるAPIクレジットの過剰消費を招く5つの構成上の問題を特定しました。これには、日常的なタスクに高価なモデルを使用すること、予算制限の欠如、無防備なゲートウェイ、管理されていないメモリ、監査されていないスキルなどが含まれます。