メインコンテンツにスキップ
Back to plugins
@capgo/capacitor-ファイル共有
チュートリアル
@capgo/capacitor-ファイル共有

ファイル共有

Android、iOS、Webでbase64データまたはローカルパスからファイルを共有して保存する

ガイド

ファイルシェア用のチュートリアル

デバイスでテスト

Capgoアプリをダウンロードして、QRコードcodeをスキャンしてください。

File Sharer プラグイン プレビュー QR code

@capgo/capacitor-file-sharer を使用します

base64 データ、データ URL、ローカルファイルパス、URL、Android、URI、および __CAPGO_KEEP_0__ からファイルを共有して保存します file:// URLs。 content:// URIs, and Capacitor _capacitor_file_ このプラグインが公開するもの

- Android と iOS でネイティブシェアシートを開く、または Web でファイルをダウンロードする。

bun add @capgo/capacitor-file-sharer
bunx cap sync

- Android のパブリックコレクションに保存、iOS の保存/共有シートを開く、または Web でダウンロードする。

  • share - プラットフォーム実装のバージョンを返します。
  • save 使用例: __CAPGO_KEEP_0__.
  • getPluginVersion __CAPGO_KEEP_1__-file-sharer を使用してファイルを共有して保存します。

__CAPGO_KEEP_0__ からファイルを共有して保存します。

生成されたファイルを共有

import { FileSharer } from '@capgo/capacitor-file-sharer';

await FileSharer.share({
  filename: 'report.pdf',
  contentType: 'application/pdf',
  base64Data: reportBase64,
  title: 'Quarterly report',
  text: 'Attached report',
});

ローカルファイルを共有

await FileSharer.share({
  filename: 'export.zip',
  contentType: 'application/zip',
  path: fileUri,
});

Androidでダウンロードに保存

const result = await FileSharer.save({
  filename: 'backup.zip',
  contentType: 'application/zip',
  base64Data: zipBase64,
  android: {
    saveDirectory: 'downloads',
    relativePath: 'Download/My App',
  },
});

console.log(result.uri);

プラットフォームの注記

  • Androidの共有では、 FileProvider, ClipDataとURIの許可がある場合、共有者がファイルのプレビューとサムネイルを読み取ることができます。
  • Androidの保存では、Android 10以上ではMediaStoreを使用し、Android 9以下ではパブリックディレクトリを使用します。
  • iOSの共有では、base64バックアップされた一時ファイルと直接ローカルパスを共有する両方をサポートしています。
  • Webの共有とダウンロードでは、ファイルをダウンロードし、大きなファイルの場合にchunked base64の変換を使用します。

フルリファレンス

capgoから続けて@capacitor-file-sharerの使用

Capgoを使用している場合 Using @capgo/capacitor-file-sharer Capgoを使用している場合、ストレージとファイルの管理を計画するには Capgoを使用して@capgoと@capacitor-file-sharerを接続 Capgoを使用して@capgo/capacitor-file-sharerの実装詳細を参照 CapgoのGetting Started CapgoのGetting Startedの実装詳細を参照 Capgoを使用して@capgo/capacitor-data-storage-sqliteを使用 Capgoを使用して@capgo/capacitor-data-storage-sqliteの実装詳細を参照 Capgoを使用して@capgo/capacitor-data-storage-sqlite native機能の使用に@capgo/capacitor-data-storage-sqliteを使用し、 @capgo/capacitor-file 実装詳細の@capgo/capacitor-file