ionicのtabsで作成
コマンドを叩いてtabsフォーマットで作成する。
ionic start myApp tabsCapacitorと競合するため、CordovaのSplashscreen Pluginを削除します。
npm uninstall --save cordova-plugin-splashscreenCapacitorのインストール
Capacitorをインストール。
npm i --save @capacitor/cli @capacitor/core初期設定として、「capacitor.config.ts」ファイルにてアプリ名、アプリIDを設定する。
import { CapacitorConfig } from '@capacitor/cli';
const config: CapacitorConfig = {
appId: 'jp.example.appid',
appName: 'AppName',
webDir: 'dist',
server: {
androidScheme: 'https'
}
};
export default config;プラットフォームをインストール
iOSとAndroidをインストールする。
npm i @capacitor/android @capacitor/iosiOSとAndroidを追加する。
npx cap add ios
npx cap add androidシミュレーションでiOSを動かす
ビルドする。
ionic buildファイルをコピーする。
npx cap copyシミュレーションでチェックする。
npx cap run ios
npx cap run android
One thought on “Ionic + React + CapacitorでiOSアプリ開発の準備手順”
Comments are closed.