WEB WEBフロントエンド開発

Cordovaのメモ書き

投稿日:2017年11月28日 更新日:

 

devicereadyイベント  

  • Cordovaのアプリが実行される時、Cordovaが提供しているネイティブ機能をHTML5側からすぐに呼び出せることが出来ない。
  • Cordovaフレームワークは、HTMLの読み込み直後に、ネイティブとHTML5とのブリッジを確立するための初期化処理を行う。
  • この初期化処理を行う前にネイティブ機能を呼び出す事が出来ない。
  • フレームワークは初期化処理が終わると、HTML5側にdevicereadyというCordovaフレームワーク特有のイベントを発生させる。  
  • HTML5側でdevicereadyイベントを察知した後にネイティブ機能を呼び出す必要がある。

 

Config.xml ファイル

  • グローバル構成ファイルを使って、アプリの動作の多くの制御を行うファイル。
  • コルドバ API のコア機能、プラグイン、およびプラットフォームに固有の設定を指定する拡張に使用される。
  • CORDOAV-CLIで作成されたプロジェクトディレクトリの直下に存在する(app/config.xml)。
  • プロジェクトをビルドすると各プラットフォームのconfig.xmlに反映される。platforms/ サブディレクトリ/confi.xmlに配置される。
    • app/platforms/ios/AppName/config.xml
    • app/platforms/android/res/xml/config.xml
    • app/platforms/blackberry10/www/config.xml

 

バージョン設定

config.xmlにバージョン設定を行う。

ビルドによって/platforms/android/AndroidManifest.xmlに反映される。

 

 

 

スポンサーリンク

スポンサーリンク

-WEB, WEBフロントエンド開発

執筆者:

関連記事

JavascriptのEventオブジェクトについて

1.function(e) {} の引数eの意味合い 引数eはイベントオブジェクトです。イベントハンドラ、イベントリスナとして設定したコールバック関数が受け取ることができる。 JavaScriptの関 ...

lite-serverを使った開発サーバの構築

Lite-Serverのパッケージを使った開発サーバの構築方法を説明したいと思います。開発用のタスクはnpm-scriptsを使用します。 記載した実行環境は以下の通りです。Node.jsのインストー ...

(webpack2)TypeScriptとWebpackを使ったWEBフロントエンド開発

当セクションでは前回の『Webpackを使ったWEBフロントエンド開発』をもとに具体的なプロジェクトを作成して、webpackの機能を把握したいと思います。使用するパッケージはwebpack2になりま ...

TypeScriptのソールファイル分割

TypeScriptのソールファイル分割の方法についてまとめました   目次1. <reference>によるグローバルモジュールによる方法2.import/exportによる外 ...

TypeScriptを使った超簡単なWEBフロントエンドの開発環境を構築する

当セクションではTypeScript、Lite-Serverのパッケージを使った超簡単なWEBフロントエンドの開発環境の構築方法を説明したいと思います。開発用のタスクはnpm-scriptsを使用しま ...