2013年8月5日月曜日

FirefoxOSとTizenとBlackBerry10のPackageアプリの比較(その1: FirefoxOS編)

その1 FirefoxOS編
その2 Tizen編
その3 BlackBerry10編

FirefoxOSやTizen、BlackBerry10では、HTML5+CSS3+JavaScriptをパッケージして、ストアで配信する事ができるようになる。

各OS毎に、パッケージ型アプリの作成方法を解説していく。

FirefoxOS
FirefoxOS向けアプリを作る場合、

  • ホスト型アプリ
  • パッケージ型アプリ

の2パターンでおこなう事ができる。ここではパッケージ型アプリの作り方を解説する。

FirefoxOS向けパッケージ型アプリケーションは、コンテンツの中身であるpackage.zipと、download.htmlとpackage.manifestから構成される。package.zipには、manifest.webppとindex.htmlなどから構成される。



まずは、package.zipから作成する。これがFirefoxフォンにダウンロードされるアプリ本体になる。

package.zipを以下の構成で作成する。

   

<html>
<body>
Hello FF
<body>
</html>
{
  "version": "1.0",
  "name": "Hello FF App",
  "description": "description",
  "launch_path": "/index.html",
  "icons": {
    "16": "/icon/icon16.png",
 "32": "/icon/icon32.png",
 "256": "/icon/icon256.png"
   },
  "developer": {
    "name": "GClue, Inc.",
    "url": "http://www.gclue.com"
  }
}
これらのファイルをZIPで固めて、package.zipを作成する。


{
  "name": "Hello FF App",
  "package_path": "http://aizu.gclue.jp/ff/package.zip",
  "version": "1.0"
}
<html>
  <body>
    パッケージ型アプリのインストールページ


    <script>
      var manifestUrl = 'http://aizu.gclue.jp/ff/package.manifest';
      var req = navigator.mozApps.installPackage(manifestUrl);
      req.onsuccess = function() {
        alert(this.result.origin);
      };
      req.onerror = function() {
        alert(this.error.name);
      };
    </script>
  </body>
</html>




0 件のコメント:

コメントを投稿