크롬웹스토어 개발 > Hosted Apps 개발

Hosted Apps 는?
  - 일반 웹사이트와 다른점 없음
  - 크롬웹스토어는 인스톨가능한 웹어플리로 공개하는것이 가능함
  - Chrome 이 지원하는 새로운 API 이용가능

Hosted Apps 작성방법
  - Manifest 파일, 아이콘을 아래와 같이 배치합니다.
exampleApp/
  manifest.json
  icon_128.png

manifest.json 샘플 (UTF-8권장)

{
  "name": "exampleApp",
  "description": "Hosted Apps Example",
  "version": "1",
  "app": {
    "urls": [
      "*://example.com/apps/",
      "*://example.com/mail/"
    ],
    "launch": {
      "web_url": "http://example.com/apps/"
    }
  },
  "icons": {
    "128": "icon_128.png"
  },
  "permissions": [
    "unlimitedStorage",
    "notifications",
    "geolocation",
    "background"
  ]
}

- manifest 에 name, icons 와 웹애플리케이션이 인스톨되는 중에, 새로운 탭페이지에 표시되는 내용입니다.
- 새로운 탭페이지에서 아이콘을 클리하면, web_url 페이지가 표시됩니다.
- 아이콘 파일은 128px 로 지정합니다.
  . 바깥영역이 보이지않는 경우가 있으므로 중앙의 98x98 영역에 표시되도록 하고,
  . 바깥영역의 투과할수 있는것을 권장합니다.
  . 가이드라인 : http://code.google.com/intl/ja/chrome/webstore/docs/images.html
- "urls" 는 웹애플리케이션이 이용하는 리소스URL을 명기
- "permissions" 는 억세스허가가 필요한 API 를 기재함

表1　Hosted AppsのManifest 파일상세

필드명
필수
설명
name
○
웹애플리케이션 이름
description
웹애플리케이션 설명
version
○
버전정보 소수점구분,숫자 (최대4자)
app

  urls
웹애플리케이션이 이용하는 URL. 와일드카드(*) 이용가능 지정한 URL 의 서브디렉토리포함 이미지의 URL은 지정이 필요없음
  launch

   web_url
○
웹애플리케이션 초기페이지
   container
웹애플리케이션 기동형태 tab 또는 panel 기본은 "tab"
   height
"panel" 지정시의 패널의 높이(px)
   width
"panel" 지정시 넓이 (px)
icons

  128
○
Chrome Web Store와 새탭페이지에 표시되는 아이콘
minimum_chrome_version
웹애플리케이션이 설치가능한 Chrome 브라우저의 최저버전
permissions
웹애플리케이션 대한 억세스허가 “geolocation”, “notifications”, “unlimitedStorage”, “background” 을 지정함