メインコンテンツへスキップ

はじめに

GitHub

AIアシストセットアップを使ってプラグインをインストールできます。以下のコマンドで、お使いのAIツールに Capgo スキルを追加してください:

ターミナルウィンドウ
bunx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

次に、以下のプロンプトを使用します:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-pdf-generator` plugin in my project.

手動セットアップを希望する場合は、以下のコマンドでプラグインをインストールし、下記のプラットフォーム別の手順に従ってください:

ターミナルウィンドウ
bun add @capgo/capacitor-pdf-generator
bunx cap sync
import { PdfGenerator } from '@capgo/capacitor-pdf-generator';

クイックスタート

「Quick start」セクション
import { PdfGenerator } from '@capgo/capacitor-pdf-generator';
const result = await PdfGenerator.fromURL({ url: 'https://example.com' });
console.log(result);
import { PdfGenerator } from '@capgo/capacitor-pdf-generator';
const result = await PdfGenerator.fromData({ data: 'data' });
console.log(result);

よくある落とし穴

「Common pitfalls」セクション
  • ネイティブ同期: 実行 bunx cap sync プラグインのアップグレード後。
  • 信頼できる情報源: 信頼する src/definitions.ts GitHub リポジトリ内に

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

import { PdfGenerator } from '@capgo/capacitor-pdf-generator';
const result = await PdfGenerator.fromURL({ url: 'https://example.com' });
console.log(result);

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

import { PdfGenerator } from '@capgo/capacitor-pdf-generator';
const result = await PdfGenerator.fromData({ data: 'data' });
console.log(result);
export interface PdfGeneratorFromUrlOptions extends PdfGeneratorCommonOptions {
url: string;
}
export type PdfGeneratorResult =
| {
type: 'base64';
base64: string;
}
| {
type: 'share';
completed: boolean;
};
export interface PdfGeneratorFromDataOptions extends PdfGeneratorCommonOptions {
/**
* HTML document to render.
*/
data: string;
/**
* Base URL to use when resolving relative resources inside the HTML string.
* When omitted, `about:blank` is used.
*/
baseUrl?: string;
}

このページはプラグインの src/definitions.tsから生成されています。上流で公開 API が変更されたら、sync を再実行してください。

以下を使用している場合: はじめに ストレージとファイル処理を計画するには、次と連携させます @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 の実装詳細について、および @capgo/capacitor-file の使い方 @capgo/capacitor-file. の使用におけるネイティブ機能について