IonicでCapacitorを使う
IonicプロジェクトにCapacitorをインストールするのはとても簡単です (1.0-4.x+).
ionic start myApp tabs --capacitor
cd myApp
cd myApp
ionic integrations enable capacitor
Note: npx は、グローバルインストールを回避するためにローカルバイナリ/スクリプトを実行する、npm5以降で使用可能な新しいユーティリティです。
npx cap init [appName] [appId]appNameはアプリケーションの名前で、appId はアプリケーションのドメイン識別子です(ex:vcom.example.app)。
Note: 初期構成後にこれらのプロパティーを変更するには、NativeIDEを使用します。
Nativeプラットフォームを追加する前に、少なくとも1回はIonicプロジェクトをビルドする必要があります。
ionic buildこれにより、 www フォルダをのCapacitorの webDir として使用するための automatically configured が capacitor.config.json に書き込まれます。
npx cap add ios
npx cap add androidプロジェクトのルートに android フォルダと ios フォルダの両方が作成されます。これらは完全に独立したNativeプロジェクトであり、Ionicアプリのソースコードの一部と考えるべきです(つまり、それらをソース制御にチェックインし、独自のIDEで編集するなどです。)。
npx cap open ios
npx cap open androidNativeのiOSとAndroidプロジェクトは、それぞれの標準IDE(それぞれXcodeとAndroid Studio)で開きます。IDEを使用して、アプリケーションを実行およびデプロイします。
ビルド（例えば ionic build ）を実行してWebディレクトリ(デフォルト: www )を変更するたびに、これらの変更をNativeプロジェクトにコピーする必要があります:
npx cap copy
Cordova と Ionic Native プラグインはCapacitorをサポートしています。 詳しくは Cordova Plugins ガイドをご覧ください。
すぐにIonicアプリでCapacitorを使い始めたいですか？ このガイドをご覧ください。.
