Capacitorワークフロー

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

1. Develop and build your Web App

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

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

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

npm run build

フレームワークを使用している場合は、フレームワークの構築プロセスに従います。

Ionic の場合、ビルドコマンドは以下の通りです。

ionic build

2. Webアセットをコピー

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

npx cap copy

3. ネイティブIDEを開く

CapacitorはネイティブIDEを使ってアプリを構築、シミュレート、実行します。

npx cap open

4. ネイティブプロジェクトをアップデート

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

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

npm install really-cool-plugin
npx cap update

5. Capacitorのアップデート

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

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

npm update @capacitor/cli
npm update @capacitor/core

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

npm update @capacitor/ios
npm update @capacitor/android
npm update @capacitor/electron

Contributors

BackNext