【Ionic, Cordova】カスタムプラグインを導入した時のiOSビルド手順

ionic-pluginやcordova-pluginなどのプラグインをインストールした後、オリジナル版とは違う修正を加えて、カスタムプラグインを作る事がある。そんなカスタムプラグインを使ったiOSアプリのビルド手順について書いていく。

今回ビルドするアプリでは、Angular（JavaScriptのWebフレームワーク）ベースの、ハイブリットモバイルアプリ用フレームワークである「Ionic」を使った。

まず、インストールしてきたプラグインをベースに、カスタムプラグインを作成する。今回は、cordova-plugin-inappbrowserに独自の改修（初回ログイン以降は、ログイン情報を保持する）を加えて、カスタムプラグインにしている。

f:id:l08084:20180414181340p:plain

node_modules、platforms、plugins配下を全て削除する
ターミナルを開く
$ npm iコマンドでnpmライブラリをインストールする
$ cordova platform add iosコマンドを実行して、プラットフォームとプラグインをインストール＆作成
platforms配下を削除
ここで、独自の変更を加えたカスタムプラグインを使いたいので、plugins配下のcordova-plugin-inappbrowserを、custom_plugins配下のcordova-plugin-inappbrowserに入れ替える
再度$ cordova platform add iosコマンドを実行して、プラットフォームを作成
platforms/ios/[プロジェクト名]/Plugins配下のcordova-plugin-inappbrowserの中身を確認して、カスタムプラグインと同様の中身になっていることを確認する
Xcodeでplatforms/ios/配下の.xcodeprojを開いて、事前にSigningを済ませておく
$ ionic cordova buildd ios --prodコマンドでビルド
Xcodeから、実機もしくはエミュレータ上で動かす

$ npm i
$ cordova platform add ios
# 2度目
$ cordova platform add ios
$ ionic cordova buildd ios --prod

中安拓也のブログ