メインコンテンツにスキップ
@capgo/capacitor-ウォッチ デバイスAPI オープンソース

ウォッチ Capacitor プラグイン

Apple WatchとWear OSの通信、電話とウォッチアプリ間の bidirectional メッセージング

インストール

bun add @capgo/capacitor-watch bunx cap sync
npm、pnpmまたはyarn
  • npm install @capgo/capacitor-watch
  • pnpm add @capgo/capacitor-watch
  • yarn add @capgo/capacitor-watch

ガイド

How to use Watch in Capacitor

Apple Watchを使用するための@capgo/capacitor-watch

Capacitor用のApple Watch通信プラグイン。iPhoneとApple Watch間でWatchConnectivityを使用したバイディレクショナルメッセージングを提供します。

インストール

bun add @capgo/capacitor-watch
bunx cap sync

このプラグインが公開するもの

  • sendMessage - Apple Watchにインタラクティブなメッセージを送信します。Apple Watchが到達可能な場合にのみ成功します。このメッセージは時限のあるインタラクティブなコミュニケーションに使用します。
  • updateApplicationContext - Apple Watchと共有するアプリケーションコンテキストを更新します。最新のコンテキストのみが保持され、以前のコンテキストは上書きされます。このアプリケーション状態をApple Watchが表示する必要がある場合に、syncingを使用します。
  • transferUserInfo - Apple Watchにユーザー情報を転送します。転送はキュー化され、Apple Watchが現在到達可能でない場合でも、順序に従って配信されます。この重要なデータを信頼性の高い方法で配信する必要がある場合に使用します。
  • replyToMessage - Apple Watchから返信するメッセージに返答します。このメッセージは、messageReceivedWithReplyイベントの返答に使用します。

使用例

sendMessage

Apple Watchにインタラクティブなメッセージを送信します。Apple Watchが到達可能な場合にのみ成功します。このメッセージは時限のあるインタラクティブなコミュニケーションに使用します。

import { CapgoWatch } from '@capgo/capacitor-watch';

await CapgoWatch.sendMessage({
  data: { action: 'refresh', timestamp: Date.now() }
});

updateApplicationContext

Apple Watchと共有するアプリケーションコンテキストを更新します。最新のコンテキストのみが保持され、以前のコンテキストは上書きされます。このアプリケーション状態をApple Watchが表示する必要がある場合に、syncingを使用します。

import { CapgoWatch } from '@capgo/capacitor-watch';

await CapgoWatch.updateApplicationContext({
  context: { theme: 'dark', lastSync: Date.now() }
});

transferUserInfo

ウォッチにユーザー情報を転送する。転送はキューに並べられ、ウォッチが現在アクセスできない場合でも順番に配信されます。重要なデータを信頼性の高い方法で配信する必要がある場合に使用してください。

import { CapgoWatch } from '@capgo/capacitor-watch';

await CapgoWatch.transferUserInfo({
  userInfo: { recordId: '123', action: 'created' }
});

replyToMessage

ウォッチから返信する。メッセージを受信した際にmessageReceivedWithReplyイベントが発生した場合に使用してください。

import { CapgoWatch } from '@capgo/capacitor-watch';

CapgoWatch.addListener('messageReceivedWithReply', async (event) => {
  const result = await processRequest(event.message);
  await CapgoWatch.replyToMessage({
    callbackId: event.callbackId,
    data: { result }
  });
});

フルリファレンス

@capgo/capacitor-watch

Capacitor Watchを使用している場合 Using @capgo/capacitor-watch Capacitor Watchを使用している場合 @capgo/capacitor-ウォッチ @capgo/capacitorウォッチの実装詳細 スタートガイド スタートガイドの実装詳細について Capgo プラグインディレクトリ Capgo プラグインディレクトリの製品ワークフローについて Capacitor Capgo プラグイン Capacitor Capgo プラグインの実装詳細について プラグインの追加または更新 プラグインの追加または更新の実装詳細について

FAQ

ウォッチ プラグイン FAQ

Capacitor Watch プラグインを Capacitor アプリにインストールする方法は何ですか。

Run "bun add @capgo/capacitor-watch" (or "npm install @capgo/capacitor-watch"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-watch" in your app code.

Does @capgo/capacitor-watch work with React, Vue and Angular?

Yes. Watch is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

Which Capacitor version does @capgo/capacitor-watch support?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

Capgoの@capgo/capacitor-watchは無料でオープンソースですか?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-watch/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Capacitor Watchを使用しているcodeをApp Storeのレビューなしでアップデートできますか?

Installing or upgrading the plugin changes native code, so it needs a new store build. After that, JavaScript, HTML and CSS changes that call the plugin can ship instantly with Capgo live updates.

16.0万ダウンロード/月

プラグインがストアビルド内に存在する場合、Capgoライブアップデートにより、JavaScript、HTML、CSSの変更がユーザーに数分で反映されます。

プラグインがストアに追加されたら、Capgoで即時更新が可能です。