2017-02-20 8 views
0

どうすれば分かりますか?Apache Cordova & Ionic Frameworkは機能しますか?Apache Cordovaとイオンフレームワークはどのようにネイティブに相互作用しますか?

私はすべてインターネット上で検索し、私が得るすべては、それがHTML/CSS/JSのラッパーであり、それは本来の機能と対話するネイティブウェブビューを使用しています 、です。しかし、あなたはまだnative-lyを展開します。私はに興味が

  • で、

    を(それは例えば、アンドロイドための.apk意味)しかし、ApacheのコルドバとイオンFrameworkが完全にJavaScriptで書かれていますか?

  • ネイティブモバイルプラットフォームとはどのように相互作用しますか?
  • コードナー/イオンコードは.apkファイルでにバンドルされていますか?ネイティブウェブビューとソースコードを仲介しますか?

私は低レベルの詳細のビットに興味があると思います。 誰かが何らかの光を当てたり、リソース(私が見つけられなかったもの)を指し示すことができたら、それはすばらしいでしょう。

ありがとうございました。

答えて

3

Apache Cordovaの責任基本的なネイティブアプリを提供しています。

  • iOS用のデフォルトでのWebView(UIWebkitを表示していますが、プラグインを使用してWKWebkitに切り替えることができますアンドロイド、「アンドロイドブラウザ」のWebViewのためにAndroid 4.4まで使用されています。Android 5(API 21)から、webviewは基本的にAndroid用Chromeです。
  • このWebビューにJavaScriptを実行させると、Cordova pluginsのネイティブコードが呼び出されます(実行される)。これは、システムのWebviewがネイティブコードと対話できるため可能です。

Ionic Framework(v1)はHTML、JavaScript、およびCSSで構成されています(v2はJavaScriptの型付きスーパーセットであるTypeScriptで開発されています)。バージョン1は、フロントエンドJavaScriptフレームワークとしてAngularJSに依存し、ジェスチャー管理、Infiniteスクロール、レイアウト(メニュー、タブ、リスト...)などの機能を提供することにより、開発者が「ネイティブのような」Webアプリケーションを作成するのに役立ちます。 Angular 2を使用し、追加コンポーネント(日付ピッカー、分割パネル...)と機能(Ionic Native、Cordova プラグインを使用する方法を「標準化」する傾向があるJavaScript API)を提供します。

iordは、単にWebアプリケーション(これはHTML、JavaScript、およびCSSです)を作成するだけの場合は、Cordovaなしで使用できます。 Cordovaでは、このWebアプリケーションをネイティブシェルに入れることができます。ハイブリッドアプリ(Cordova、あなたがインストールしたプラグイン、およびあなたのWebアプリケーション)が.ipaまたは.apkにバンドルされると、html/javascript/cssコードが特定のフォルダに移動さ​​れます。 HTML(デフォルトで)をWebviewにロードします。

PS:私の英語は完璧ではありませんが、ポイントが明確でない場合は、詳細を記入して嬉しいです。


EDIT:

あなたは私の記事で私の具体的な質問に答えることができますしてください?

確かに!

  • のApache Cordovaの JavaScriptとネイティブコードで作られています。 cordova-android(JavaScript + Java)、cordova-ios(JavaScript + Objective-C)などのプロジェクトを参照してください。各モバイルオペレーティングシステムには専用の「プラットフォーム」があります。あなたが新しいCordovaプロジェクトを開始するとき、ほとんどの場合、最初の操作はcordova platform add <platform>(iOS、Android ...)です。これらはロードされているコードです。 イオンフレームは、HTML、JavaScript、およびCSSで構成された「純粋なWeb」フレームワークです。

  • Apache Cordovaは、システムAPIを使用してネイティブアプリとしてネイティブモバイルプラットフォームとやりとりします。 Webviewは、プラットフォーム固有の "ブリッジ"(コードナーアンドロイド、コードバー - イオス、コードワ - ウィンドウに組み込まれたネイティブコードが可能です)のおかげで、あなたのWebアプリケーション(もちろん)とネイティブコードの両方と対話できます。あなたにはが必要ですJavaScriptからネイティブコードを呼び出すにはプラグインを作成してください。 Androidの場合、CordovaPluginクラスを拡張し、メソッドexecuteをオーバーライドします(例:cordova-plugin-splashscreen)。

  • の.apk(アンドロイド)または.ipa(iOS版)がcordova buildによって生成された(あなたがcordova-cliを使用している場合)(iOS用、Android向けコルドバ - アンドロイド、コルドバ-IOS)一緒にネイティブシェルの両方を収集し、あなたのwebapp。起動時に、Cordovaの主なアクティビティ/ビューがインスタンス化され、webviewがロードされ、webviewがロードされます。

+0

私の編集を見て、わかりやすいかどうか教えてください。 – VinceOPS

+0

ありがとう、それは素晴らしい情報です。最後の質問は、npmを使用してコードバをインストールしましたが、ネイティブの実行可能ファイル(dll)が表示されません。javascriptの束しか表示されません。どこに窓がありますか? –

+0

@ ZammyPage cordova CLIはJavaScriptで書かれているため、実行ファイルが見つかりません。 Node.jsはこのjavascriptコードを実行します:)。 – VinceOPS

関連する問題