google mirror api勉強会 20130607

Glasswareを作ろう!!

Mirror API勉強会 2013/06/07

Copyright C-LIS CO., LTD. 20138

概要

Google Server

Glassware Glass

Mirror API

GlassSync


Google Server

Glassware Glass

GlassSync

Glass UX

Mirror API


Glass UX - タッチパッド


Glass UX - Timeline


Glass UX - ボイスコマンド

もうちょっと詳しく

俺とおまえとGlassware by vvakame

http://www.slideshare.net/vvakame/googlewere


Google Server

Glassware Glass

GlassSync

Glass Sync

Mirror API


Google Server

Glassware Glass

GlassSync

Glassware

Mirror API


WEBアプリとか


スマートフォンとか


Google Server

Glassware Glass

GlassSync

Mirror API

Mirror API

http://www.slideshare.net/vvakame/googlewere


Mirror API - Timeline


Mirror API - Contacts


Mirror API – Location


Mirror API – Subscriptions

Timeline & Locations


Mirror API - 承認の仕組み

REST JSON

Google Server

Glassware Glass

GlassSync

Mirror API 承認


OAuth 2.0

今回は、Webサーバーの場合に限定


Client IDとClient Secretの取得

Google Server

Client ID+

Client Secret

Glassware

申請

OAuth認証情報生成


OAuth 2.0 dance

Google Server

5.リダイレクト

ACCESS TOKEN

+REFRESH

TOKEN

Glassware

Client ID& Client Secret

Client ID+ scope

+ callbackURI

AuthCode+ Client Secret

AuthCode

確認同意

2.リダイレクト

1. アクセス

AuthCode生成

callbackURI

3. 4.

6.

4.

7.

TOKEN生成


めんどくさい！！


Google APIs Client Libraries

https://developers.google.com/discovery/libraries


らくちん


Mirror API

REST JSON

Google Server

Glassware


めんどくさい...


https://code.google.com/p/google-api-java-client/wiki/APIs#Google_Mirror_API

Google Mirror API Library


らくちん

https://developers.google.com/discovery/libraries


Glasswareを動かしてみよう！


前提知識


手順

○ GAEにアプリケーションを追加○ Mirror APIを有効化○ OAuth2認証情報(Client ID, Client Secret)の取得○ サンプルプロジェクトのチェックアウト○ OAuth2認証情報の書き換え○ GAEアプリケーション情報の書き換え○ mavenでビルド○ Google App Engineにデプロイ


GAEにアプリケーションを登録

https://appengine.google.com/

https://code.google.com/p/google-api-java-client/wiki/APIs#Google_Mirror_API


glassware-tanaka

Glassware Quick Start


Mirror APIを有効化

https://code.google.com/apis/console/

“Google Mirror API”は、ホワイトリストに登録されている開発者のみ表示

(2013/06現在)


Client ID & Client Secretの取得



http://glassware-tanaka.appspot.com

https://appengine.google.com/



glassware-tanaka.appspot.com

※ローカルサーバーで試験したい人は http://localhost:8080にする


サンプルプロジェクトをダウンロード

https://developers.google.com/glass/quickstart/index


サンプルプロジェクトをダウンロード

$ git clone https://github.com/googleglass/mirror-quickstart-java.git

https://code.google.com/apis/console/


OAuth認証情報を入力 [サンプルプロジェクト]/web/oauth.properties


GAE情報を入力

glassware-tanaka

[サンプルプロジェクト]/web/WEB-INF/appengine-web.xml


Welcomeメッセージを変更[サンプルプロジェクト]/src/com/google/glassware/NewUserBootstrapper.java


コンタクト画像を変更[サンプルプロジェクト]/src/com/google/glassware/NewUserBootstrapper.java

[サンプルプロジェクト]/web/static/images/

に、画像を配置 (640x360)


サンプルプロジェクトをビルド

http://maven.apache.org/

$ cd [サンプルプロジェクト]$ mvn clean package

https://developers.google.com/glass/quickstart/index


GAEにサンプルプロジェクトをデプロイ

https://developers.google.com/appengine/downloads?hl=ja#Google_App_Engine_SDK_for_Java

$ cd [サンプルプロジェクト]$ ~/appengine-java-sdk-1.8.0/bin/appcfg.sh –outh2 update ./web


Glasswareを使ってみよう！


OAuth 2認証


MyGlassに”QuickStart”が追加


再びGlassware


質疑応答

本資料の内容の一部は、Googleが作成、提供しているコンテンツを複製したもので、クリエイティブコモンズの表示 2.5 ライセンスに記載の条件に従って使用しています。

本資料は、有限会社シーリスの著作物であり、クリエイティブコモンズの表示-非営利-継承 3.0 Unported ライセンスの元で公開しています。

http://maven.apache.org/


ご清聴ありがとうございました。

https://developers.google.com/appengine/downloads?hl=ja#Google_App_Engine_SDK_for_Java

google mirror api勉強会 20130607

Technology