Ionic、Angular、Cordova、プラグインの関係を理解する

クズども · 掲載地 2018/06/27 10:07:16

この記事で言及されている概念は、イオン1/角度1とイオン2/角度2を区別していません。

まず、以下の概念を明確にする必要があります。

1. たとえモバイルウェブページをネイティブアプリケーションに似せても、ページのネイティブ機能をネイティブアプリケーションと呼ぶことはできません。

2. 単純なウェブページはユーザーがアプリストアにアップロードすることはできません。

次に、それぞれその関係性を説明します。

イオン式と角型
まず最初に、IonicはAngularの派生であり、AngularはjQueryのようなアプリケーション開発に独立して使える別のJSライブラリであるのに対し、IonicはAngularを拡張し、モバイルアプリケーションに適した多くのコンポーネントを実装し、非常に完成度の高いスタイルライブラリを構築しています。これはAngularの中で最も成功したアプリケーション例です。 Ionicを使わなくても、AngularはBootstrapやFoundationなどのスタイルライブラリと組み合わせて使えば、望むページ効果を得ることができます。

イオニア式/アングル式とコルドバ
誰かが「コルドバはイオニア/アングルより優れているのか?」と尋ねるかもしれません。これは非常に恥ずかしいことで、全く意味のない質問です。ハイブリッド開発では異なる役割を担います。Ionic/Angularはページの実装を担当し、Cordovaは実装されたページをネイティブアプリケーション(Android: apk; iOS:ipa)。ピーナッツと同様に、最も内側のピーナッツの粒は角型、皮はイオニア型、最も外側の殻はコルドバ型です。パッケージングが完了すると、当ページでデバイスのネイティブ機能を呼び出せ、最終的にアプリストアにアップロードしてユーザーが利用できるようになります。

Ionic/AngularおよびCordovaプラグイン
Cordovaプラグインについて以下の点を明確にする必要があります:

Cordovaプラグインの機能は、ページとネイティブ通信の橋渡しを提供することです。まず第一に、私たちのページはデバイス機能を直接呼び出すことはできません。したがって、デバイス機能を呼び出せるネイティブコード(Android:Java; iOS: OC)通信を行った場合、この時点でCordovaプラグインが必要です。
Cordovaプラグインは、使用されているフロントエンドフレームワーク(例:Ionic)に関わらず、どのCordovaプロジェクトでも使用できます。
Ionic NativeはIonic 2にカプセル化されており、Cordovaプラグインの使用を容易にしていますが、Ionic 2でもIonic 1と同様にCordovaプラグインを使用することが可能であり、Ionic Nativeは必須ではありません。
Ionic 2でIonic Nativeを使っていても、まずcordova plugin add cordova-plugin-pluginNameのようなプラグインを手動で追加する必要があります。

[イオン式] Ionic、Angular、Cordova、プラグインの関係を理解する

関連記事

閲覧したセクション