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フロントエンド開発

執筆者:

関連記事

ES6のクラス定義について

  概要 JavaScript はプロトタイプベースの言語であり、クラスベースの言語とは異なりクラスというものが存在しませんでした。 プロトタイプを使ってクラスと同等なことを実現するというこ ...

Chromeを使ったAngular-cliのオンラインデバッグの方法について

当セクションでは、angular-cliの開発において、ブレイクポイントを設定するオンラインデバッグの方法について説明したいと思います。ChromeのデベロッパーツールによってTypescriptのソ ...

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

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

Node.jsのrequire関数のモジュール読み込みについて

Node.js のモジュール機構について(JavaScript の場合) ディレクトリ構造 Node.js のパッケージマネージャーである npm を使う場合、プロジェクト ディレクトリは以下のような ...

(webpack2)webpack-dev-serverを使ったWEBフロントエンド開発

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