メインコンテンツにスキップ
@capgo/capacitor-ファイルシェア ファイル & ストレージ オープンソース

ファイルシェア Capacitor プラグイン

Android、iOS、Webでbase64データまたはローカルパスからファイルを共有および保存

インストール

bun add @capgo/capacitor-file-sharer bunx cap sync
pnpmまたはyarnのnpm
  • npm install @capgo/capacitor-file-sharer
  • pnpm add @capgo/capacitor-file-sharer
  • yarn add @capgo/capacitor-file-sharer

ガイド

Capacitorでファイルシェアを使用する方法

デバイスでテスト

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

ファイルシェアプラグインプレビューQRcode

@capgo/capacitor-file-sharerを使用

base64データ、データURL、ローカルファイルパス、URL、Android、URI、__CAPGO_KEEP_0__ file:// URL。 content:// URI、およびCapacitor _capacitor_file_ URLs.

Install

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

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

  • share - Androidのパブリックコレクションに保存する、iOSの保存/シェアシートを開く、またはWebでダウンロードする
  • save - Androidのパブリックコレクションに保存する、iOSの保存/シェアシートを開く、またはWebでダウンロードする
  • getPluginVersion - プラットフォーム実装バージョンを返します。

使用例

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

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の変換を使用します。

フルリファレンス

Using @capgo/capacitor-file-sharerを継続してください。

Capacitor File Sharerを使用している場合 Using @capgo/capacitor-file-sharer ファイルの保存と管理を計画するには、Capacitor File Sharerを @capgo/capacitor-ファイルシェア @capgo/capacitorファイルシェア機能の実装詳細 Capacitor File Sharerの実装詳細については、Getting Startedを参照してください。 Capacitor Data Storage SQLiteと接続してください。 @capgo/capacitor-データストレージ-SQLite @capgo/capacitorデータストレージ(SQLite) @capgo/capacitorデータストレージ(SQLite) Capacitor のネイティブ機能として、@capgo/capacitor-data-storage-sqlite を使用します。 @capgo/capacitorファイル @capgo/capacitorファイルの実装詳細のために

FAQ

FAQ

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

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

@capgo/capacitor-file-sharerは、React、Vue、Angularとどのくらいの関係があるのでしょうか。

Yes. File Sharer 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-file-sharer 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/capacitor-ファイルシェアは無料でオープンソースですか?

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

Capacitor File Sharer を使用する code を、アプリストアのレビューなしでアップデートできますか。

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

アプリレビューの待たずにファイルシェアプラグインの変更を配信する

Capgoで始める

Capgoホーム