mcpField
I
iOS Web Bluetooth (WebBLE)

iOS Web Bluetooth (WebBLE)

ローカル
ioswebble.com開発ツール116 週間前に更新

iOS Web Bluetooth (WebBLE) について

iOS Safari の Web Bluetooth に beacio を導入・移行し、検証するための MCP サーバーと CLI です。利用者向けツールに加え、beacio monorepo 向けの開発ツールも備えています。

主な機能

  1. 01フレームワークとパッケージ別の導入手順
  2. 02既存の Web Bluetooth アプリを修正
  3. 03実行可能なチェックによる統合検証
  4. 04BLE のサンプルとトラブルシューティング
  5. 05開発ドキュメントとソースの検索
  6. 06beacio CLI によるプロジェクトのひな形作成

活用シーン

  1. 01新しい Web プロジェクトへの beacio 導入
  2. 02既存アプリの iOS Safari 対応
  3. 03拡張機能の検出や GATT の問題調査
  4. 04monorepo 内のドキュメントやサンプル検索

MCP 対応

MCP サーバーは beacio の統合やトラブルシューティング用ツールを公開し、オプションで beacio monorepo 向けの開発ツールも提供します。応答には beacio ドキュメントへの参照 URL が含まれます。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"wklm-ios-web-bluetooth": {
"command": "npx",
"args": [
"-y",
"@ios-web-bluetooth/mcp"
]
}
}
}
起動コマンドnpx -y @ios-web-bluetooth/mcp

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@ios-web-bluetooth/mcp0.1.1

ツール

7

掲載時のツール一覧 · 2 週間前に更新

パラメーター型必須説明
frameworkenumはいhtml | react | vue | svelte | angular | next
include_premiumbooleanいいえ
package_managerenumはいnpm | pnpm | yarn | bun | cdn

詳細

beacio

@beacio/mcp

コーディングエージェント(Claude、Cursor、Copilot、…)に、beacio で iOS Safari Web Bluetooth をリリースする方法を教える MCP サーバーです。

コンシューマー向け 7 個、開発者向け 4 個の計 11 個のツールを提供します。すべてオフラインで動作し、すべて https://beacio.com/docs-md/* の正式なドキュメントを引用します。

インストール

npx で実行できます。インストールは不要です。

npx -y @beacio/mcp

または、MCP クライアントの設定に追加してください(例:Claude Desktop の ~/Library/Application Support/Claude/claude_desktop_config.json)。

{
  "mcpServers": {
    "beacio": {
      "command": "npx",
      "args": ["-y", "@beacio/mcp"],
      "env": { "MCP_CLIENT": "claude-desktop" }
    }
  }
}

beacio スキャフォールディング CLI

このパッケージには、MCP サーバーとともに、スコープなしの beacio CLI(以前は単独の @beacio/cli)も同梱されています。Web プロジェクトに beacio を導入し、検証します。

npx beacio init       # auto-detect framework and add the detection snippet
npx beacio migrate    # brownfield: patch an existing Web Bluetooth app for iOS Safari
npx beacio check      # verify beacio integration (add --brownfield for an existing app)

beacio migrate は、beacio_patch_existing_app MCP ツールが出力するのと同じ 3 つの変更を適用します(単一の変換処理を共通で使用しています)。

ツール

コンシューマー向けツール

SDK をアプリに導入するエージェント向けの、デフォルト(コンシューマー)モードで利用できます。

ツール用途
beacio_install_plan正式なインストール手順と実行可能なスニペットを提供します。対象は html | react | vue | svelte | angular | next × npm | pnpm | yarn | bun | cdn です。
beacio_patch_existing_app既存アプリへの対応:既存の Web Bluetooth アプリに iOS Safari サポートを追加するための具体的な FileEdits を提供します。最初に navigator.bluetooth を読み取る前に <head> にブートストラップを追加し、iOS の requestDevice 分岐に optionalServices を追加して、「use Bluefy / Web BLE browser」というメッセージをインストール/有効化の案内に置き換えます。
beacio_verify_integrationエージェントが実行できるチェックリスト(シェルコマンドと合格条件)で、ポリフィルのインストール、ブートストラップ、ビルド、型の解決を確認します。すでに作成済みのアプリ向けに brownfield モードもあります。
beacio_exampleBLE プロファイル用のすぐに貼り付けられるコードを提供します:heart-rate、battery、cgm、lock、beacon、peripheral-chat。
beacio_detect_ios_supportnavigator.bluetooth と window.beacioIOS のランタイム検出スニペットを、注意点をすべて記載して提供します。
beacio_premium_guideiOS 専用のプレミアム機能のうち 1 つを案内します:backgroundSync、notifications、liveActivity、beacons、peripheral、whiteLabel。
beacio_troubleshootextension-not-detected、device-disconnects、gatt-operation-failed、notifications-not-firing の診断チェックリストと一般的な解決方法を提供します。
beacio_spec_citation指定したメソッド(例:navigator.bluetooth.requestDevice)の W3C Web Bluetooth 仕様の URL、概要、注意事項を提供します。
開発者向けツール

beacio モノレポ内で作業するエージェント向けに、--developer モードで利用できます。

ツール用途
beacio_dev_best_practicesプロジェクトのベストプラクティスガイド AGENTS.md を読み込みます。トピックのセクションで絞り込むこともできます。
beacio_dev_search_docsキーワードで beacio ドキュメントのインデックスを検索し、beacio.com の URL を含む、関連度順の結果を返します。
beacio_dev_list_structureモノレポのディレクトリー構造をツリー表示します(ルートパス、深さ 1~4、gitignore のサポートを指定可能)。
beacio_dev_find_examples主要なソースファイルの厳選インデックスを検索し、ファイルパス、行番号、カテゴリを含む、関連度順の一致結果を返します。

すべての応答は、エージェントが信頼できるドキュメントを引用できるよう、https://beacio.com/docs-md/ 内を指す source_url を含む JSON です。

アトリビューショントークン

beacio_install_plan は、次の形式の attribution_token を返します。

beacio_YYYYMM_mcp_<8..16 chars a–z0–9>

例:beacio_202604_mcp_3p9xq2k8m4r

このトークンは beacio のビーコンエンドポイントで受け付けられ、この MCP サーバー経由で発生したインストールを特定できます。トークンは変更せず、そのままユーザーに共有してください。変更、切り詰め、再生成はしないでください。

テレメトリー

各ツール呼び出し時に、最小限のイベントをhttps://mcp-telemetry.beacio.com/mcp-telemetryにPOSTします(テレメトリーはデフォルトで有効です)。

{
  "tool": "beacio_install_plan",
  "client_name": "claude-desktop",
  "client_version": "1.2.3",
  "success": true,
  "duration_ms": 42,
  "attribution_token": "beacio_202604_mcp_3p9xq2k8m4r"
}

デバイスデータ、BLEペイロード、ユーザー入力は一切送信されません。結果を待たずに送信し、タイムアウトは1秒です。

オプトアウト: テレメトリーはデフォルトで有効です。BEACIO_MCP_TELEMETRYを0、false、off、no(大文字と小文字を区別しません)に設定するか、ツール間で共通のDO_NOT_TRACK=1を設定すると無効になります。

クライアントの識別: MCP_CLIENTを設定します(例:claude-desktop、cursor、copilot-cli)。デフォルトは空文字列です。必要に応じてMCP_CLIENT_VERSIONも設定できます(デフォルトは空文字列です)。

リンク

ライセンス

MIT © wklm

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。