メインコンテンツまでスキップ
バージョン: v8 (beta)

Capacitor Plugins

Capacitor を使い始めるのは、Ionic 開発者にとってかなり簡単です。プロジェクトにプラグインを追加するのは、プロジェクトに必要な依存関係を追加するのと変わりません。

インストール

プラグインをインストールするには、使いたいプラグインを見つけ、npm などのパッケージマネージャーを使ってインストールする:

# Install the Capacitor Plugins
$ npm install @capacitor/camera

使い方

一度インストールすれば、プラグインをコンポーネントにインポートし、コードから直接ネイティブ機能を呼び出すことができます。

Camera pluginを例にして、まずインストールしてみましょう:

import { Camera, CameraResultType } from '@capacitor/camera';

const takePicture = async () => {
const image = await Camera.getPhoto({
quality: 90,
allowEditing: true,
resultType: CameraResultType.Uri
});
const imageUrl = image.webPath;
imageElement.src = imageUrl;
};