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

PDF生成器 Capacitor プラグイン

請求書、レポート、領収書などのHTMLテンプレートからPDFを作成

インストール

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

ガイド

Capacitor で PDF Generator を使う方法

実機でテストする

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

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

@capgo/capacitor-pdf-generator の使用

iOS および Android で、HTML 文字列や URL から PDF ファイルを生成します。

インストール

bun add @capgo/capacitor-pdf-generator
bunx cap sync

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

インポート

import { PdfGenerator } from '@capgo/capacitor-pdf-generator';

API の概要

メソッド 説明
fromURL 指定したURLからPDFを生成します。
fromData 生のHTML文字列からPDFを生成します。

例

fromURL()

指定したURLからPDFを生成します。

import { PdfGenerator } from '@capgo/capacitor-pdf-generator';

const result = await PdfGenerator.fromURL({ url: 'https://example.com' });
console.log(result);

fromData()

生のHTML文字列からPDFを生成します。

import { PdfGenerator } from '@capgo/capacitor-pdf-generator';

const result = await PdfGenerator.fromData({ data: 'data' });
console.log(result);

完全なリファレンス

@capgo/capacitor-pdf-generator の使用方法から続ける

使用している場合 @capgo/capacitor-pdf-generator の使用 ストレージとファイル処理を計画するには、以下と連携してください: @capgo/capacitor-pdf-generator @capgo/capacitor-pdf-generator の実装詳細については、 スタートガイド スタートガイドの実装詳細については、 @capgo/capacitor-data-storage-sqlite @capgo/capacitor-data-storage-sqlite の実装の詳細については、 @capgo/capacitor-data-storage-sqlite の使い方 @capgo/capacitor-data-storage-sqlite を使う際のネイティブ機能については、また @capgo/capacitor-file @capgo/capacitor-file. の実装詳細については

よくある質問

PDF Generator プラグインの FAQ

Capacitor アプリに PDF Generator プラグインをインストールするには?

"bun add @capgo/capacitor-pdf-generator" (または "npm install @capgo/capacitor-pdf-generator") を実行し、続けて "bunx cap sync" を実行すると、iOS と Android プロジェクトにネイティブの code が反映されます。アプリの code 内で "@capgo/capacitor-pdf-generator" からインポートしてください。

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

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

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

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

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

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

App Store の審査を受けずに、PDF Generator を使っている code をアップデートできますか?

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

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

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

Capgo から始める