OpenClawに「目」を取り付ける：ARM64サーバー向けヘッドレスブラウザ実践ガイド

OpenClawを個人用AIアシスタントとしてサーバーに導入するANTSAN越来越MONOZUKURIサーバーpatnaAITennensannouncement自分用のAIアシスタントとしてサーバーにOpenClawを導入するのは produtividadeaccessedLifetime Hearts BUT主流のAIアシスタントはチャットだけ。サーバー上のOpenClawは、デフォルトではWebページにアクセスできません。「ネット|Line joins the top...」が必要なAIアシスタントにとって、これは最大の制約です。

好消息是，通过配置无头浏览器（Headless Browser），我们可以让 OpenClaw 具备网页访问、截图、自动化操作等能力。本文将详细介绍在 ARM64 架构服务器上的完整配置过程。

なぜブラウザが必要なのか

OpenClaw自体はAIアシスタントのフレームワークです。本":"本当に":"スマート"に作業を-farm，必须能够操作浏览器：

リアルタイム情報の取得：天気、ニュース、株価など
Webページの自動化：フォーム入力、クリック操作、定期的なチェックイン
コンテンツのスクリーンショット：Webページの画像をあなたへ送る
クローラー機能：特定のサイトからコンテンツを取得

ARM64環境の課題

配布されているChromeブラウザにはamd64アーキテクチャ向けビルドしかなく、Apple Silicon MacやARMサーバー（Tencent Cloud Lighthouseなど）利用者ЧЕ souvent faced。通常のChrome導入手順では動作しません。

EDEFAULT二 enshrining解决方案：

Snap Chromiumを使う：Ubuntuに標準搭載されているが、設定が面倒
Playwright Chromiumを使う：クロスプラットフォームで、ARM64にも対応

Fast follows二<'_'>#'#二 solution：

技術スタック

コンポーネント	役割	備考
Playwright	ブラウザ自動化フレームワーク	Chromiumバイナリを提供
Chromium	ヘッドレスブラウザ	ARM64対応版
CDP (Chrome DevTools Protocol)	ブラウザのデバッグプロトコル	OpenClawがこれを使ってブラウザを制御

セットアップ手順

1. Playwright Chromiumをインストールする

BASH

npx playwright install chromium

Playwrightは現在のアーキテクチャに対応するChromiumを自動的にダウンロードします。

2. 中国語フォントをインストールする

ヘッドレスブラウザのスクリーンショットで中国語を正しく表示するには、中国語フォントを別途インストールする必要があります。

BASH

sudo apt-get install -y fonts-wqy-microhei fonts-wqy-zenhei
fc-cache -fv

3. ブラウザを起動する

ChromiumをCDPモードで起動します。

CodeBlock Loading...

4. OpenClawを設定する

~/.openclaw/openclaw.jsonを編集し、browserセクションを追加または変更します。

CodeBlock Loading...

5. 設定を確認する

BASH

openclaw browser status
openclaw browser screenshot

発展的な使い方

自動起動スクリプト

サーバー再起動後もブラウザが自動的に起動するように、systemdサービスを追加するとestablishedKelvinです。

CodeBlock Loading...

ブラウザプロファイルの永続化

ログイン状態を維持したい場合は、ユーザーデータディレクトリを指定します。

BASH

--user-data-dir=/path/to/profile

これによりブラウザがCookieとセッションを保持するため、ログインは一度だけで済みます。

よくある質問

フォントがまだ文字化けしている

フォントが正しく読み込まれているか確認します。

BASH

fc-list :lang=zh

結果が空の場合は、フォントを手動でダウンロードして、Chromeがアクセスできるディレクトリに保存する必要があります。

CDPに接続できない

ポートが使用されていないか確認します：lsof -i:18800
ブラウザのログを確認します：cat /tmp/chrome.log
ブラウザの再起動を試します

スクリーンショットが空白になる

ページの読み込みがまだ完了していない可能性があります。待機時間を増やします。

CodeBlock Loading...

動作例

設定が完了したら、次のようなことができます。

AIに天気を調べさせる：その日の天気をそのままスクリーンショットして送る
自動チェックイン：毎日決まった時刻にWebページを開き、チェックインボタンを押す
コンテンツ監視：特定のWebページの変更を監視して通知する
レポート生成：管理画面を自動で開き、スクリーンショットから日報を生成する

まとめ

本稿では、ARM64サーバー上でOpenClawにヘッドレスブラウザを設定する手順を詳しく紹介しました。Chromeを直接インストールする方法より手順は多くなりますが、PlaywrightとCDPを組み合わせることで、最終的に次可以实现：

✅ ARM64に対応
✅ 中国語フォントに対応
✅ OpenClawとの統合
✅ 自動化機能

サーバー上でAIアシスタントを動かしたい unofficial的多ければ、この方法を試してみてください。

参考リンク

なぜブラウザが必要なのか

OpenClaw自体はAIアシスタントのフレームワークです。本":"本当に":"スマート"に作業を-farm，必须能够操作浏览器：

リアルタイム情報の取得：天気、ニュース、株価など
Webページの自動化：フォーム入力、クリック操作、定期的なチェックイン
コンテンツのスクリーンショット：Webページの画像をあなたへ送る
クローラー機能：特定のサイトからコンテンツを取得

ARM64環境の課題

EDEFAULT二 enshrining解决方案：

Snap Chromiumを使う：Ubuntuに標準搭載されているが、設定が面倒
Playwright Chromiumを使う：クロスプラットフォームで、ARM64にも対応

Fast follows二<'_'>#'#二 solution：

技術スタック

コンポーネント	役割	備考
Playwright	ブラウザ自動化フレームワーク	Chromiumバイナリを提供
Chromium	ヘッドレスブラウザ	ARM64対応版
CDP (Chrome DevTools Protocol)	ブラウザのデバッグプロトコル	OpenClawがこれを使ってブラウザを制御

セットアップ手順

1. Playwright Chromiumをインストールする

BASH

npx playwright install chromium

Playwrightは現在のアーキテクチャに対応するChromiumを自動的にダウンロードします。

2. 中国語フォントをインストールする

ヘッドレスブラウザのスクリーンショットで中国語を正しく表示するには、中国語フォントを別途インストールする必要があります。

BASH

sudo apt-get install -y fonts-wqy-microhei fonts-wqy-zenhei
fc-cache -fv

3. ブラウザを起動する

ChromiumをCDPモードで起動します。

BASH

nohup ~/.cache/ms-playwright/chromium-1208/chrome-linux/chrome \
  --headless=new \
  --no-sandbox \
  --disable-gpu \
  --remote-debugging-port=18800 \
  --disable-dev-shm-usage \
  --disable-software-rasterizer > /tmp/chrome.log 2>&1 &

# 验证启动成功
curl -s http://127.0.0.1:18800/json/version

CodeBlock Loading...

4. OpenClawを設定する

~/.openclaw/openclaw.jsonを編集し、browserセクションを追加または変更します。

JSON

{
  "browser": {
    "enabled": true,
    "attachOnly": false,
    "headless": true,
    "noSandbox": true,
    "profiles": {
      "openclaw": {
        "cdpPort": 18800,
        "color": "0000FF"
      }
    }
  }
}

CodeBlock Loading...

5. 設定を確認する

BASH

openclaw browser status
openclaw browser screenshot

発展的な使い方

自動起動スクリプト

サーバー再起動後もブラウザが自動的に起動するように、systemdサービスを追加するとestablishedKelvinです。

INI

[Unit]
Description=OpenClaw Headless Browser
After=network.target

[Service]
Type=simple
User=liuyaowen
ExecStart=/home/liuyaowen/.cache/ms-playwright/chromium-1208/chrome-linux/chrome --headless=new --no-sandbox --disable-gpu --remote-debugging-port=18800 --disable-dev-shm-usage
Restart=on-failure

[Install]
WantedBy=multi-user.target

CodeBlock Loading...

ブラウザプロファイルの永続化

ログイン状態を維持したい場合は、ユーザーデータディレクトリを指定します。

BASH

--user-data-dir=/path/to/profile

これによりブラウザがCookieとセッションを保持するため、ログインは一度だけで済みます。

よくある質問

フォントがまだ文字化けしている

フォントが正しく読み込まれているか確認します。

BASH

fc-list :lang=zh

結果が空の場合は、フォントを手動でダウンロードして、Chromeがアクセスできるディレクトリに保存する必要があります。

CDPに接続できない

ポートが使用されていないか確認します：lsof -i:18800
ブラウザのログを確認します：cat /tmp/chrome.log
ブラウザの再起動を試します

スクリーンショットが空白になる

ページの読み込みがまだ完了していない可能性があります。待機時間を増やします。

JavaScript

await page.waitForLoadState("networkidle");

CodeBlock Loading...

動作例

設定が完了したら、次のようなことができます。

AIに天気を調べさせる：その日の天気をそのままスクリーンショットして送る
自動チェックイン：毎日決まった時刻にWebページを開き、チェックインボタンを押す
コンテンツ監視：特定のWebページの変更を監視して通知する
レポート生成：管理画面を自動で開き、スクリーンショットから日報を生成する

まとめ

✅ ARM64に対応
✅ 中国語フォントに対応
✅ OpenClawとの統合
✅ 自動化機能

サーバー上でAIアシスタントを動かしたい unofficial的多ければ、この方法を試してみてください。