Twilio Syncで作ったみた

Transcript

1. Twilio Syncで作ってみた 永嶋 章弘
2. 自己紹介 元: 職業エンジニア 現: 日曜エンジニア 永嶋 章弘（eiei19） プロデューサー＠株式会社mercari Ruby on Rails、Twilio、Swift 柴犬が好き
3. 自己紹介 前職でTwilioを使って 「ぶっかくん」というサービスを作ってました 賃貸の空室状況を自動応答するサービス 月間10万本弱を自動で処理
4. 自己紹介 ServiceSafariの中の人 結婚式の2週間前に婚約解消した男 としてBuzzfeedに取材される
5. Twilio Syncってなに？ データをリアルタイムで同期できる しかもクロスプラットフォーム A B Data 更新 即座に通知
6. なぜ Twilio が Sync？ Twilioを使っていると 状態を同期したい!! と思うことが実は結構ある
7. ちょっとサービス考えてみた • 電話による相談プラットフォーム • 先生と相談者がいる • 先生は自分が役に立てる相談内容を表明 • 相談者が先生に電話をかけて相談する
8. ちょっとサービス考えてみた 物理について 恋愛について 物理について 物理について 恋愛について 恋愛について 先生1 先生2 生徒
9. 同期どうする問題 そこで Twilio Sync!! • ポーリング？ • 即時じゃないしダサいよねー • Webソケット? • 即時だけどサーバの用意とメンテが・・・ • IP Messaging? • やれなくないけどちょっと用途違うよね
10. DEMO http://bit.ly/sync_demo http://bit.ly/sync_demo_git ソースコード デモ
11. Syncの登場人物 Object （Doc,List,Map） Service User （Identity）
12. Syncを使う流れ 1. APIキーとシークレットの作成（管理画面から） 2. サービスインスタンスの作成（curlとかでやる） 3. 上記で得た情報を元にトークンを生成（サーバサイド） 4. 生成したトークンでクライアント初期化 identity = params[:identity] endpoint_id = "Consultation:#{params[:identity]}:#{params[:device_id]}" token = Twilio::Util::AccessToken.new( ENV["TWILIO_ACCOUNT_SID"], ENV["TWILIO_API_KEY"], ENV["TWILIO_API_SECRET"], 3600, identity ) grant = Twilio::Util::AccessToken::SyncGrant.new grant.service_sid = ENV["TWILIO_SYNC_SERVICE_SID"] grant.endpoint_id = endpoint_id token.add_grant(grant) Identity: ユーザを特定する Endpoint: デバイス(画面)を特定する
13. IdentityとEndpoint Identity: eiei19 Endpoint: eiei19:mac Endpoint: eiei19:ipad 一意ならなんでもいい
14. Syncを使う流れ accessManager = new Twilio.AccessManager(token); syncClient = new Twilio.Sync.Client(accessManager); syncClient.map("consultation.members").then(function(map) { _syncMap = map; _consultant.changeStatus("待受中"); updateOnlineConsultantsView(); $.each(["itemUpdated", "itemAdded", "itemRemoved"], function(index, action) { _syncMap.on(action, function() { updateOnlineConsultantsView(); }); }); }); _syncMap.set(this.identity, {status: this.status, topic: this.topic});
15. Syncの登場人物 Object （Doc,List,Map） Service UserがObjectをSubscribeする(event設定) Object-User間に権限設定（read,write,manage） User （Identity）
16. DEMOアプリの問題点 Members(MapObject) { User1: {status: 待受中}, User2: {status: 通話中} } 権限はオブジェクト単位 UserにWrite権限をつけてしまうと、 User1はUser2の情報を更新できてしまう （KEY単位ではないため） 使い所や権限設定に注意が必要
17. DocumentはJSONなのになぜList,Mapがある？ Index or Keyでの更新が可能 またそれらのeventもある (itemAdded, itemRemove, itemUpdated) 全体で意味を持つ（Ex.◯×ゲーム）=> Doc 個別に意味を持つ（Ex.DEMO）=> Map,List Document VS. List,Map
18. 試してない機能 Webhook オブジェクトに特定のイベントが発生したとき 指定したURLをキックするようにできる Conflict検知 同時に更新が走ったときにそれを検知し 対応処理を書くことができる（クライアントSDK）