メインコンテンツへスキップ
@capgo/capacitor-uploader ファイルとストレージ オープンソース

アップローダー Capacitor プラグイン

進捗管理やリトライ機能により、大容量ファイルをバックグラウンドで確実にアップロード

インストール

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

ガイド

Capacitor で Uploader を使う方法

実機でテストする

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

UploaderプラグインのプレビューQR code

@capgo/capacitor-uploader を使用

Capacitor Uploader Plugin:バックグラウンド実行と進捗トラッキングに対応したファイルアップロード用プラグイン。

インストール

bun add @capgo/capacitor-uploader
bunx cap sync

このプラグインで利用可能な機能

  • startUpload - サーバーへのファイルアップロードを開始します。
  • removeUpload - 進行中のアップロードをキャンセルして削除します。

使用例

startUpload

サーバーへのファイルアップロードを開始します。

import { Uploader } from '@capgo/capacitor-uploader';

const { id } = await Uploader.startUpload({
  filePath: 'file:///path/to/file.jpg',
  serverUrl: 'https://example.com/upload',
  headers: {
    'Authorization': 'Bearer token'
  },
  method: 'POST',
  uploadType: 'multipart',
  fileField: 'photo'
});
console.log('Upload started with ID:', id);

removeUpload

進行中のアップロードをキャンセルして削除します。

import { Uploader } from '@capgo/capacitor-uploader';

await Uploader.removeUpload({ id: 'upload-123' });

リファレンス全文

「@capgo/capacitor-uploader の使用方法」から続ける

使用している場合 @capgo/capacitor-uploader の使用方法 移行とエンタープライズ運用を計画するには、次と連携してください @capgo/capacitor-uploader @capgo/capacitor-uploader の実装の詳細については、 スタートガイド スタートガイドの実装詳細については、 Capgo Enterprise Capgo Enterprise のプロダクトワークフロー向けに、 Ionic Enterprise プラグインの代替案 Ionic Enterprise Plugin Alternatives のプロダクトワークフロー、および Capgo の代替案 Capgo のプロダクトワークフロー向け代替案。

よくある質問

Uploader プラグイン FAQ

Capacitor アプリに Uploader plugin をインストールするには?

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

@capgo/capacitor-uploader は React、Vue、Angular で動作しますか?

はい。Uploader は Capacitor パッケージなので、Ionic、React、Vue、Angular、Svelte、およびプレーンな JavaScript を含む、Capacitor 内で動作するあらゆる Web フレームワークで使用可能です。

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

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

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

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

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

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

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

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

Capgo から始める