メインコンテンツへスキップ
@capgo/capacitor-share-target コミュニケーション オープンソース

共有ターゲット Capacitor プラグイン

他のアプリから共有されたテキスト、画像、ファイルを受信します

インストール

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

ガイド

Capacitor で Share Target を使用する方法

@capgo/capacitor-share-targetの使い方

Capacitor Share Target プラグインのインターフェース

インストール

bun add @capgo/capacitor-share-target
bunx cap sync

bunx cap sync プラグインのネイティブcodeをネイティブプロジェクトにコピーします。プラグインをアップグレードするたびに再度実行してください。

インポート

import { CapacitorShareTarget } from '@capgo/capacitor-share-target';

API の概要

メソッド 説明
addListener shareReceived イベントをリッスンします。
removeAllListeners このプラグインのすべてのリスナーを削除します。
getPluginVersion ネイティブの Capacitor プラグインのバージョンを取得します。

例

addListener()

shareReceived イベントをリッスンします。

import { CapacitorShareTarget } from '@capgo/capacitor-share-target';

const listener = await CapacitorShareTarget.addListener('shareReceived', (event) => {
  console.log('Title:', event.title);
  console.log('Texts:', event.texts);
  event.files?.forEach(file => {
    console.log(`File: ${file.name} (${file.mimeType})`);
  });
});

// To remove the listener:
await listener.remove();

removeAllListeners()

このプラグインのすべてのリスナーを削除します。

import { CapacitorShareTarget } from '@capgo/capacitor-share-target';

await CapacitorShareTarget.removeAllListeners();

getPluginVersion()

ネイティブの Capacitor プラグインのバージョンを取得します。

import { CapacitorShareTarget } from '@capgo/capacitor-share-target';

const { version} = await CapacitorShareTarget.getPluginVersion();
console.log('Plugin version:', version);

イベントをリッスンする

addListener ハンドルを返します。画面がアンマウントされるときに handle.remove() 画面がアンマウントされるとき、または CapacitorShareTarget.removeAllListeners() すべてのリスナーを解除します。

完全なリファレンス

@capgo/capacitor-share-target の使用方法から続ける

使用している場合 @capgo/capacitor-share-targetの使い方 ネイティブプラグインの作業を計画するには、次と連携してください: @capgo/capacitor-share-target @capgo/capacitor-share-target の実装詳細については、 スタートガイド スタートガイドの実装詳細については、 Capgo プラグインディレクトリ Capgo プラグインディレクトリのプロダクトワークフローについては、 Capgo による Capacitor プラグイン Capgo による Capacitor Plugins の実装詳細、および プラグインの追加または更新 プラグインの追加または更新に関する実装詳細についてはこちら。

よくある質問

Share Target プラグインの FAQ

Capacitor アプリに Share Target プラグインをインストールするにはどうすればよいですか?

"bun add @capgo/capacitor-share-target" (または "npm install @capgo/capacitor-share-target") を実行し、次に "bunx cap sync" を実行して、iOS および Android プロジェクトにネイティブの code を反映させます。アプリの code から "@capgo/capacitor-share-target" をインポートしてください。

@capgo/capacitor-share-target は React、Vue、Angular で使えますか?

はい。Share Target は Capacitor パッケージなので、Ionic、React、Vue、Angular、Svelte、プレーンな JavaScript など、Capacitor 上で動くあらゆる Web フレームワークで使えます。

@capgo/capacitor-share-target はどの Capacitor バージョンをサポートしていますか?

Capgo プラグインは Capacitor のメジャーバージョンに合わせています。使用している Capacitor のメジャーバージョンに一致するプラグインのメジャーバージョンを使ってください (例: Capacitor 8 ならプラグイン v8)。GitHub の README にある互換性テーブルに、メンテナンス中のバージョンが記載されています。

@capgo/capacitor-share-target は無料でオープンソースですか?

はい。code のソースコードは GitHub 上の https://github.com/Cap-go/capacitor-share-target/ で公開されており、npm から無料でインストールできます。バグ報告やプルリクエストも歓迎です。

App Store の審査なしで、Share Target を使っている code をアップデートできますか?

プラグインのインストールやアップグレードはネイティブの code を変更するため、新しいストアビルドが必要です。その後は、プラグインを呼び出す JavaScript、HTML、CSS の変更を Capgo Live Updates で即座に配信できます。

アプリの審査を待たずに Share Target の変更をリリース

プラグインをストア用ビルドに組み込めば、Capgo live updates で JavaScript、HTML、CSS の変更を数分でユーザーに配信できます

Capgo から始める