ajn22 の資料

1. VPSとGCSとGAEを
ハイブリッドで使う事例
- GAEは目立たないぐらいがちょうどいい -
h(p://www.slideshare.net/takezaki/gaeja20121130
2012/11/30
1
Copyright © Virtual Technology, Inc

2. • 竹嵜 伸一郎 （たけざき しんいちろう）
• 竹山 恵悟 （たけやま けいご）
• （有）バーチャルテクノロジー
– 分散KVSのミドルウェアReflexWorksの開発
2
Copyright © Virtual Technology, Inc

3. Agenda
１．PDF検索サービス
２．ReflexWorks
３．WebSocket
４．OAuth2.0
５．その他、クライアント技術
3
Copyright © Virtual Technology, Inc

4. PDF検索サービス
h(p://www.pdc.jp/download/
h(p://reflexworks.jp/case.html#case3
4
Copyright © Virtual Technology, Inc

5. VPSとPublicクラウドのいいとこ取り
サーバ/通信費用コスト削減+ハイパフォーマンス+安全性
• VPS
– PDFのキャッシュ
– WebSocketサービス +
• Google Cloud Storage
– 数TBのPDF文書を格納
• Google App Engine
– PDF文書検索用のINDEX情報
– 個人情報を暗号化して格納(有償サービスにて)
5
Copyright © Virtual Technology, Inc

6. データアクセスが高速
信頼性高いインフラ
無限に格納可能
h(ps://cloud.google.com/products/cloud-­‐storage
6
Copyright © Virtual Technology, Inc

7. Middleware
for
flexible,
reacKve
webservices.
h(p://reflexworks.jp
7
Copyright © Virtual Technology, Inc

8. WebSocketによるイベント通知機能
• WebSocketのコネクション確立時に認証する
• 接続情報をセッションで管理
• フォルダ共有（R権限）でかつログイン中のユーザに通知
Reactive!
h(p://reflexworks.jp/features.html#pushNoKficaKons
8
Copyright © Virtual Technology, Inc

9. WebSockets
• コネクションの確立/双方向通信/切断
– 注）ウイルス対策ソフトによく切断される。HTTPSだと大丈夫かも！?
WebSocketハンドシェーク
Open
ReflexWorksではここで
GET
/chat
HTTP/1.1
Host:
server.example.com
認証も行っている
Upgrade:
websocket
Connec@on:
Upgrade
Sec-­‐WebSocket-­‐Key:
dGhlIHNhbXBsZSBub25jZQ==
Origin:
hSp://example.com
Sec-­‐WebSocket-­‐Protocol:
chat,
superchat
Sec-­‐WebSocket-­‐Version:
13
HTTP/1.1
101
Switching
Protocols
Upgrade:
websocket
Connec@on:
Upgrade
Sec-­‐WebSocket-­‐Accept:
s3pPLMBiTxaQ9kYGzzhZRbK+xOo=
Message
Sec-­‐WebSocket-­‐Protocol:
chat
Message
Message
Message
Close
9
Copyright © Virtual Technology, Inc

10. Polling vs WebSockets
h(p://www.websocket.org/quantum.html
10
Copyright © Virtual Technology, Inc

11. OAuth2.0で様々なGoogle APIに接続できる
h(ps://accounts.google.com/o/oauth2/auth
oauth2/auth 4.access_token
Appengine
2.authorizaKon_code
5.access_token
3.access_token
（再発行）
reflesh_token
GoogleAPIs
管理画面 Appl
1.client
ID
GoogleDrive
client
secret
redirect
url
（2.補足）
approval_prompt=force
:
認可画面をスキップさせない。
access_type=offline
:
オフラインでAPIを使う
Google
Cloud
Storage
11
Copyright © Virtual Technology, Inc

12. その他のクライアント技術など
• Thin Server Architecture?
– サーバサイドのテンプレート技術は使わない
• Servers no longer generating markup language
– サーバはJSONを返すだけ
• クライアントによるレンダリングでサーバ負担70%削減
• SlickGrid(jQuery plugin)
– 数万件レコードでも高速にグリッドを表示できる
– https://github.com/mleibman/SlickGrid
• LocalStorage
– 栞保存など
12
Copyright © Virtual Technology, Inc

13. ご清聴ありがとうございました
13
Copyright © Virtual Technology, Inc