前回は2種類あるWeb Appsのうち,
Packaged Appsとは
Packaged Appsは,
Packaged Appsの作成方法
Packaged Appsは,
Webアプリの名称など任意の名前を付けたフォルダを作成し,
マニフェストファイルの作成
マニフェストファイルとして,
{
"name": "exampleApp",
"description": "Packaged Apps Example",
"version": "1",
"app": {
"launch": {
"local_path": "main.html"
}
},
"icons": {
"16": "icon_16.png",
"128": "icon_128.png"
},
"permissions": [
"http://example.com/*",
"geolocation",
"notifications",
"unlimitedStorage"
]
}
マニフェストファイル中の "name" と,
また,
Hosted Appsと同様にマニフェストファイルに記載された内容がWebアプリの詳細画面に表示されますので,
その他のPackaged Appsで設定するマニフェストファイルの内容については,
表1 Packaged Appsのマニフェストファイル詳細
フィールド名 | 必須 | 説明 |
---|---|---|
name | ○ | Webアプリの名前 |
description | Webアプリの説明 | |
version | ○ | バージョン番号 ドット区切りの数字 |
app | ||
launch | ||
local_ |
○ | Webアプリのトップページ |
container | Webアプリが起動するコンテナの形態 "tab" もしくは "panel" を指定します。デフォルトは "tab" |
|
height | containerに "panel" を指定した場合, |
|
width | containerに "panel" を指定した場合, |
|
icons | ||
16 | タブなどに表示されるWebアプリのfavicon | |
128 | ○ | Chrome Web Storeおよび新しいタブページで表示されるWebアプリのアイコン |
background_ |
バックグラウンドで動作するページを指定 | |
chrome_ |
ブックマークページや履歴ページ, |
|
content_ |
任意のページでJavaScriptやCSSを挿入する | |
matches | JavaScriptやCSSを挿入するURLを指定 "http:// |
|
css | 挿入するCSSファイルを指定 | |
js | 挿入するJavaScriptファイルを指定 | |
run_ |
挿入するタイミングを指定 "document_ |
|
homepage_ |
ホームページのURLを指定 | |
incognito | 匿名モードの際にWebアプリのプロセスを共有する "spanning" か, デフォルトは "split" |
|
minimum_ |
Webアプリがインストール可能なChromeブラウザの最低バージョン | |
omnibox | Chromeのアドレスバーを拡張する | |
options_ |
Webアプリのオプション設定ページを指定 | |
permissions | Webアプリが利用する外部リソースやAPI, "http:// "background" "bookmarks" "contextMenus" "cookies" "geolocation" "history" "idle" "management" "notifications" "tabs" "unlimitedStorage" |
Extensionsで利用可能な "browser_