A one day, single-track online event celebrating the future of cross-platform app development

DocsプラグインCLI

Capacitor ワークフロー

Capacitor のワークフローには、いくつかの一貫したタスクが含まれます:

1. アプリを開発・ビルドする

Capacitor は、ウェブアプリを各プラットフォーム用の Native バイナリに変換します。したがって、作業の大部分はモバイルに特化したウェブアプリの開発と構築となります。

あなたが Native プラットフォームと対話する場合、Capacitor の API(Cameraなど)を使用するか、または既存の Cordova プラグインと Capacitor のCordova Compatibilityを用いることになります。

最後に、次のようなコマンドを使用してアプリケーションを構築します。

npm run build

フレームワークを使用している場合は、フレームワークの構築プロセスに従います。Ionic の場合、ビルドコマンドは以下の通りです:

ionic build

2. Web アセットをコピー

デバイスまたはシミュレータ上で Native にアプリケーションを実行する準備ができたら、次のコマンドを使用して構築した Web アセットをコピーします。

npx cap copy

3. NativeIDE を開く

Capacitor は NativeIDE を使ってアプリを構築、シミュレート、実行します。

npx cap open

4. Native プロジェクトをアップデート

Capacitor アプリは新しいプラグインをインストールする時などにアップデートが必要です。

新しいプラグイン(Cordova プラグインも含みます)をインストールするには、以下を実行します。

npm install really-cool-plugin
npx cap update

5. Capacitor のアップデート

Capacitor 本体に新しいアップデートがあるかどうかを確認するには、npx cap doctor を実行して現在インストールされている依存関係を出力し、最新の利用可能な依存関係を確認します。

Capacitor Core と CLI のアップデート:

npm install @capacitor/cli@2
npm install @capacitor/core@2

利用しているプラットフォームのアップデート:

npm install @capacitor/ios@2
npm install @capacitor/android@2
Previous
<- Ionic での使い方
Next
Native IDE を開く ->
Contribute ->