More than 5 years have passed since last update.

Googleドライブ対応アプリを作る

Last updated at 2017-07-04Posted at 2017-07-04

Googleドライブ対応アプリとは

ここでいうGoogleドライブ対応アプリとは、モバイルにインストールするGoogleドライブ本体のアプリではありません。
ブラウザでGoogleドライブを開き、右クリックで追加できる以下のイメージのものです。

実際何なのか

Googleドライブ対応アプリはChromeウェブストアで配布されているChromeアプリです。

Chromeアプリには大きく分けて２種類あります。
「Hosted Apps」と「Packaged Apps」です。
※Chrome拡張機能とは別物です

Hosted Apps

自分で準備したWebサイトをアプリとしてChromeウェブストアで公開する方式です。
ドメインの所有証明が必要になります。
サーバなど、Webサイトとして必要なものは自分で用意します。

Packaged Apps

Webサイトに必要なファイル(HTMLやJavaScript)を圧縮してアップロードします。
ユーザのローカル環境にインストールするので、オフライン実行できるアプリを作ることもできます。
自前でサーバを準備する必要がありません。
仕組み的にはChrome拡張と同じです。

Extensions (Chrome拡張)

Chromeブラウザにいろいろな機能を追加するものです。
アドレスバーやツールバーにボタンを追加しブラウザを拡張することができます。

詳しくは以下の記事を参照ください。
Webアプリを公開しよう！ Chrome Web Store／Apps入門

作り方

ここでは Hosted Apps でGoogleドライブ対応アプリを作成する方法を説明します。

Webサイトの作成

Webサイトを作成します。
ここで作成するWebアプリは、特別な作りにする必要はありません。
一般的なWebアプリの作成なので、詳細は割愛します。

manifestファイルの作成

アプリの設定ファイルを作成します。
ファイル名はmanifest.jsonです。
この設定ファイルにGoogleドライブ対応であることを記述します。

すべてのフォーマットは公式サイトに掲載されています。

manifest.json

{
  "name": "HelloApp",
  "description": "Chrome Hosted App sample.",
  "version": "0.1",
  "manifest_version": 2,
  "app": {
    "urls": ["*://example.com/"],
    "launch": {
      "web_url": "https://example.com/"
    }
  },
  "icons": {
    "128": "icon_128.png"
  },
  "container": ["GOOGLE_DRIVE"]
}

キー	設定内容
name	アプリ名。
description	アプリの説明。ストア上のアプリ説明欄に表示される。
version	アプリのバージョン。更新したら数字をカウントアップする。
manifest_version	マニフェストバージョン。2017/4/11現在は2。
urls, web_url	提供するWebアプリのURL。
icons	最低でもアプリのアイコン"128"は設定する。
container	Googleドライブ対応であることを設定する。