Twilioのアカウント周りで失敗したのを懺悔

あけましたおめでとうございます、@24guchiaです。

年始から縁起悪い記事ですが、今日失敗したことまとめます。

ほうほうの人に質問してしまっていて、申し訳ない気持ちでこの記事書きました。

この記事を読むと分かること

Twilio.Clientを用いて、何故か架電ができず、

下記ログが出力される時の原因と解決方法が分かる

[Connection] Received HANGUP from gateway

書いた理由

  • ググっても出てこなかった
  • 同じミスを自分がしないようにメモ
  • 後から始めたTwilio開発者が同じミスでハマらないようにしたい

今日の僕のハマってた時間と、ほうほうの人に質問で時間取らせた分、

他の人がこの記事ですぐ解決できれば開発者全体でプラスにしたいため。

事象

なぜか架電できない

同じ実行環境で架電すると、なぜか架電ができる番号とできない番号がある。

※実行環境は原因に関係ないので、特にあげません。

正確には架電すると架電の呼び出し音は一瞬鳴るが、

架電先の電話機が鳴動する前に架電が終了する。

切り分けてみた

  • 架電先の電話機固有の問題

携帯電話にかけても、固定電話にかけても架電ができなかったので、

架電先電話機は関係ない。

  • 実行環境の問題

同じ環境で別の番号を用いた場合、架電が出来たので実行環境は関係ない。

  • ネットワークの問題

無線LANと有線LANを切り替えても、かからなかったのでネットワークは関係ない。

  • ソースコードの問題

プロダクション版とアルファ版で同じ番号でかけたところ、

アルファ版ではかかるのでソースコードに問題ありそう。

コンソールのログ読んだ

ICEコネクション周りは正常に終了していた。

※ICEってなんだ?って人はこの記事参照してください

架電先に届く前に先に上げたログが出力されていた。

[Connection] Received HANGUP from gateway

 

このログはIP網とPSTNをつなぐゲートウェイから、

電話切られたっていう信号を受信したというログです。

なので、通常に通話し、相手側に切電ボタン押されたり、

受話器を置いた時に送られる信号です。

ゲートウェイについて参考:https://www.3cx.jp/voip-sip/voip-gateway/

考えた

相手先に届く前にゲートウェイから、通話終了の信号が来るのは

ネットワークとかに問題があると思ったがぜんぜん違っていた。

原因

Twilioにはマスターアカウントとサブアカウントがあって、

画面に表示している電話番号と生成する認証トークンが不一致だったのが原因。

マスターアカウントの認証トークンを基に生成されたDeviceで、

サブアカウントの番号を使用して架電しようとしていたので、

架電ができませんでした。

ハマった理由

ICEは正常終了しているのに関わらず、

即時でゲートウェイからハングアップの信号受信したログが出たから。

IPとPSTNの間にあるゲートウェイ周りの情報も

逆に存在を知らなければ、変にハマらなかったかもしれない。

まとめ

認証トークンはドキュメント通りに作れば、正常に返ってきます。

電話番号はTwilioで買えば、買ったアカウントに紐付きます。

認証トークンと電話番号、本当に紐付いているか再度確認しましょう。

プロダクションで使うTaskRouter構成について

この記事を読むと分かること

  • プロダクションで使うTaskrouterガチ構成が見れる
  • WorkflowのルーティングのJSONファイルを公開するので、ドキュメントとは違うユースケースのルーティングを見れる

こんにちは、@24guchiaです。

Twilio Advent Calendar 2017 の13日目です。

Taskrouterと1ヶ月ほど格闘し、得られた情報を社外秘のみ取り除いて、全部公開します。

Twilioドキュメント以外で、Taskrouterの記事が少なくいろいろと苦戦したので、

今後Taskrouter使う人の参考になれば良いなーと思います。

弊社の受電の仕様

受電の仕様は下記です。

  • 受電した番号でDB検索し、担当者が存在するか確認する
  • 担当者が存在する場合、担当者の電話機を鳴らす
  • 担当者が電話を取らないか不在の場合、担当者と同じ部署の人の電話機をランダムで鳴らす
  • 誰も受電出来ない場合、機械音声で担当できるものがいない旨を通知

企業側としては受電担当部門が不要になり、

お客様としては余計な取次による待ち時間が減らせることができます。

CTIの効果を感じられる仕組みだと思います。

Taskrouterに落とし込むとどうなるか

Workerの設定

Workerは電話機を使う人、一人に対して1Workerを必ず発行します。

独自で持たせている属性はメールアドレスと部署IDだけです。

FriendlyNameはemailからピリオドをアンダースコアにしただけのものを使用しています。

例:

{"email":"hiroshi.abe@example.com,"contact_uri":"client:hiroshi_abe","department_id":1}

Activityの設定

デフォルトで生成されるものをそのまま使っています。

Taskqueueの設定

TARGET WORKER EXPRESSIONに1==1を入れているだけの

キューをひとつだけ使用しています。Workflowだけでなんとかしています。

Workflowの設定

設定しているJSONファイルは下記。

これだけだと、何も出来ないので好きに使ってください。

{
  "task_routing": {
    "filters": [
      {
        "targets": [
          {
            "queue": "WQxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
            "expression": "task.email==worker.email",
            "priority": "1",
            "timeout": "10"
          },
          {
            "queue": "WQxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
            "expression": "task.department_id==worker.department_id",
            "priority": "2"
          }
        ],
        "filter_friendly_name": "email",
        "expression": "filter=='email'"
      },
      {
        "targets": [
          {
            "queue": "WQxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
            "expression": "worker.department_id IN task.department_id",
            "priority": "3"
          }
        ],
        "filter_friendly_name": "department_id",
        "expression": "filter=='department_id'"
      }
    ],
    "default_filter": {
      "queue": "WQxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
    }
  }
}

WorkflowのJSONの解説

パッと見、filterって何してるんだろうと感じると思います。

これを説明するためにまず、Taskqueueの仕様について理解が必要です。

Taskqueueの仕様

Taskqueueはキュー内に存在する、WorkerのAvailabilityはチェックしません。

そのため、割り振りしたけど、そのWorkerが離席してて受電できなかったというようなことが発生しました。

こうやって回避した

離席している人の電話機を鳴らすということを回避するために、

Task発行前に担当するWorkerのAvailabilityをチェックするように変更しました。

Availabilityがtrueの場合、taskにキーがfilter、値がemailの属性を設定します。

falseの場合、taskにキーがfilter、値がdepartment_idの属性を設定します。

この属性はfilter_friendly_nameがemaildepartment_idの下にあるexpressionで評価される際に使用します。

filterがemailの場合

targetsの中に2つのキューだけあります。

taskにemailの属性が設定されてあり、担当者のメールアドレスが情報として持たせてあります。

この属性を設定することにより、Taskqueueの中からWorkerのemailの属性が合致するものが選択されるため、

まず担当者の電話機が直通で鳴るようになります。

timeoutを10秒にしてあり、在席しているが取ることができなかった場合でも、

自動で次のQueueにエスカレートされ、次の判定であるdepartment_idが一致するWorkerの電話機を鳴らすようにしてあります。

担当者に直通で電話機を鳴らす場合の具体例:{"person_name":"Alice","email":"hiroshi.abe@example.com","department_id":1,"filter":"email"}

filterがdepartment_idの場合

targetsの中に1つだけキューがあります。

先の例と同様ですが、email情報は持っていません。

そのため、Taskqueueの中からWorkerのdepartmnet_idの属性が合致するWorkerが選択され、

担当者と同じ部署の誰かの電話機が鳴らすようにしています。

こちらはtimeoutを設定していないため、電話を切られるまでか、

同じ部署内の誰かが電話を取るまで鳴り続けます。

担当者と同じ事業部の誰かの電話機を鳴らす具体例:{"person_name":"Bob","department_id":1,"filter":"department_id"}

回避した結果

この仕組で不在の担当者に一度着信させて、お客様を待たせるということをなくすことができました。

まとめ

Twilioを利用するメリットはいくつもありますが、

受電から担当者への取次時間を減らせるということは

Twilioを導入する企業、架電するお客様の双方に大きなメリットがあります。

  • 直通で担当者につながることにより
    • お客様への安心感の提供
    • 取次が減らせるため、オペレーターが電話業務に取り掛かる時間が減る
    • 通話時間が減るので金銭的に通話料を節約できる

このようなメリットを感じられたら、ぜひTaskrouterの導入をおすすめします。

受電の難しさとどう解決したかについて

この記事の主張

  • Twilioを用いたWebCTI構築で一番難しいのは受電である
  • 保留も難しいと言われるが、保留の実装はドキュメントだけで解決する
  • 手を動かす前に、仕様洗い出しと実装のイメージ作りをしましょう

 

こんにちは、@24guchiaです。

Twilio Advent Calendar 2017 の9日目です。

弊社では営業管理ツールリニューアルに伴い、

電話システムも某IP電話会社から、Twilioへの置き換えを行い、新たにCTIの仕組みを導入しています。

導入にあたり、仕様の洗い出しや提案、実装から各社間の調整まで仕事させてもらっています。

僕はTwilioに触る前まで、IP電話のサービスを使ってなかったし、Twilioは名前も知りませんでした。

1年ほどで得た経験を基に受電の難しさをまとめますので、参考にしてください。

この記事に書いてある内容はTwilioに詳しい人に質問できる環境にありながらも、

基本的には1人で得た知識と経験のため、これがベストプラクティスではないです。

むしろそんなのあったら教えて欲しい。

なぜ受電が難しいのか

IP電話やTwilioについて詳しくない人が、

そもそもネットワークを用いた電話の仕組みを理解できていないからです。

携帯電話はほとんどの人が持っていますが、仕組みが異なります。

電話番号1つに対して、通話を発信・着信できる端末が複数ある

普通の電話は番号1つに対して、発信・着信できる端末は1つだけです。

ですが、Twilioでは1つの電話番号で、複数人が同時に発信・着信できます。

一般的に思い込んでいる、電話番号と端末が1対1なのに対し、Twilioは一対多の関係にあります。

もちろん、1対1の作りでも構築できますが、月額108円が最低でも1人ずつにかかり、

管理コストも膨大なことになります。

これはTwilioが提供しているJavaScriptライブラリや、iOS/AndroidのSDKを使用し、

ブラウザなりアプリなりで仮想電話端末を実装することで解決します。

言われれば当然ですが、いざやってみないと身にしみて分からないこともあります。

同じ電話番号にかかってきた通話を誰に割り振るかを考えないといけない

先のことを理解した時に、この問題にぶつかります。

Twilioへ指示を出すことで誰に割り振るかの指示は出せますが、

誰に割り振るか自体は自分たちで考える必要があります。

この時点で、システムだけでは解決できず、現場で仕事している

営業やオペレーターなどと連携が必要です。

また、先の事実はエンジニアであればすぐに理解できるかもしれませんが、

必ずしもITリテラシーの高くない人へ納得性のある説明をした上で、

現場でどう割り振るのがベストなのかコミュニケーションを取る必要があります。

新しい技術に触れながら、現場の知識も取り込んでいかないといけない。

リアルタイムとの戦い

仕様も無事に決まりました。次に襲いかかる問題がこれです。

一般的なWebエンジニアであれば、実戦経験の少ない

リアルタイムとの戦いが待っています。

受電した通話を誰に割り振るかは決まっても、

その人が在席していないとその通話は空振りになりお客様を待たせることになります。

そこでかかってきた時点のオペレーターの状態を取得する必要があります。

リアルタイムで状態を取得する方法

下記3つが簡単に思いつきます。

  1. DBなどに管理し、逐一問い合わせてみる
  2. Twilio.Syncを使ってみる
  3. Twilio.Taskrouterを使ってみる
DBで管理する場合

在席状態を管理するために、逐一ajaxなどでその人の状態をupdateし続ける必要があります

これはサバクラ両方を1人でスクラッチしつつ、

保守フェーズですべて管理する必要があります。

人数が少なければ可能かもしれないですが、あまり現実的ではなさそうです。

Twilio.Syncを使う場合

SyncとはTwilioが提供しているWebsocketを用いた、リアルタイム通信ができる機能です。

最初に僕がやってみたのがこれでした。

Syncを使うとサーバ側実装がなく、インフラの設定や保守が不要で、

使用した分だけの料金で使うことが出来ます。

ただこの機能は検索性が高くなく、500件のデータを入れたSyncを検索した所、

10秒ほどかかってしまい、受電で使うには難しかったです。

人数次第では選択肢に入ってくるかもしれませんが、実装した上で弊社では採用しませんでした。

Syncを使おうとした時の記事は下記を参照。

Twilio Developer Meetup 2017 – LT用スライド

Twilio.Taskrouterを使う場合

TaskrouterとはTwilioが提供しているACDです。

ACDとは通話を誰に割り振るか分配する機能です。

ロードバランサーというとイメージが付きやすいと思います。

Taskrouterは受電に特化した機能です。最終的に弊社で採用したのはTaskrouterです。

Taskrouterについては、下記記事参照。

Twilio.TaskRouterを調べて使ってみた【長文】

Taskrouter実装との戦い

ライブラリは提供されているだけなので、当然実装する必要があります。

実装するにあたり、一番苦戦した点はドキュメントではもっとも単純なケースの例しかなく、

弊社の仕様ではどうTaskrouterを構築し、実装すべきなのかわからなかったことです。

自分のベストを尽くしたつもりだけど、

構築した環境が良いのかどうかは運用フェーズまで明らかにならないと思われます。

デバッグの大変さ

最終的にはPC4台+サブディスプレイ2枚+電話機1台+私用携帯電話1台を用いた

デバッグ構成で実機デバッグをしました。

一般的なTwilioエンジニアの開発風景

受電した通話の情報を元にどのようなタスクが作成され、誰に割り振られるかまでは

実機がなくてもデバッグ可能です。(これもまあまあ大変ですが)

ですが、在席離席の挙動は想定通りか、リアルタイムで在席状態が正しく取得できるか、

クライアントの通話に問題はないか、タイムアウトとエスカレートの挙動の確認など、

実機で試さないとわからないことが多いです。

物理的にデバッグ環境構築が大変なのは初めてでした。

構築した後もなかなか大変なデバッグ作業になります。

すべてを乗り越えて

晴れて受電の機能が完成です。

受電1つ取ってもこれだけの大ボリュームが待っています。

特に失敗したなと感じたのは、Syncの速度感をもっと早く調べておくべきだと思いました。

弊社では、SyncもTaskrouterもどっちも使うよくばりプランなので、

Syncの実装自体は有用でしたが、最速の実装かと言われるとそうではなかったです。

弊社の場合、ACDを導入していなかったため、

とりあえず導入するだけでも改善効果が見込めます。

具体的には担当営業へ直接つながることによるお客様への安心感の提供、

取次時間を減らせることへの業務改善です。

タイムアウトやエスカレートの仕組みは今回あまり活用できていませんが、

今後の改善へ手が打ちやすくなる布石として考えています。

やっぱり難しそうだな〜と思うあなたへのメッセージ

https://twiliomeetup.doorkeeper.jp/events/68355

このイベントに参加しますので、ぜひ話しましょう!

僕だけでなく、Twilio開発に携わるエンジニアがたくさん参加しますので、

得られることもたくさんありますよ。

次回予告

12/13のアドベントカレンダーで具体的なTaskrouterの設定例を載せますのでお楽しみに。

WebRTCについて調べた

こんにちは、@24guchiaです。

Webの記事何本かと本2冊買って読んでみたので、一度、現状の理解を書いてみます。

ちなみに買った本は下の本と、

 

わか(った気にな)るWebRTCの電子版です。

https://booth.pm/ja/items/504677

読む順番としては、わか(った気にな)るWebRTCを読んで、

ざっくり概要を頭に入れてわかった気になってから、リックテレコムのWebRTCの本を読むと良いと思います。

いきなりリックテレコムから入ると心が折れること間違い無し。

最近、リックテレコムから販売されている本を買うことが増えてきた。

この記事は古いので、こちらの記事も参考にしてください。(2020年7月10日 追記)

ハイパフォーマンスブラウザネットワーキングと関連する RFC を読んだ

 

この記事で分かること

WebRTCってそもそも何か、どういうところで使われてて、

どんなプロトコルが用意されているかが分か(った気にな)るようになります。

なんで調べたの?

Twilioを使うにあたって、Twilioがそのあたり難しい部分を吸収したライブラリやSDKを用意してくれてるけど、

デバッグするにあたってあまりにも分からないことが多すぎたため。

Twilio使わないから知らなくても良いや〜って思わず、ネットワークについての勉強になるし、

最近ではiOS11からWebRTC対応されスマホ全般で使える技術となったので、

Web系の開発をしている人は押さえておくべき技術になっていくでしょう。

WebRTCってそもそも何?

Web Real Time Communicationの略。名前の通り、

ブラウザでのリアルタイム性を持つコミュニケーション全般を取り扱います。

コミュニケーションは具体的に、音声通話や動画(ビデオチャット)などを指します。

特長はインターネット回線につながっているブラウザさえあれば、

上記コミュニケーションを行える点です。

もう電話機や専用のソフトウェアは必要なくなります。

WebRTCを使っているサービスは何がある?

Twilio

appear.in

Slack音声通話

などがあります。使ったことがあるサービスがあると思います。

リアルタイムコミュニケーションってどうやってるの?

  1. 音声などの情報入出力の許可をユーザによって行わせる
    • 不正にユーザの情報を収集しづらくするために、ユーザに許可・拒否を選択させる
  2. ピア同士の接続の確立
    • 次に詳細な説明を書きます
  3. ピア同士のデータ交換
    • データ交換によって、音声通話やビデオチャットが可能になります
  4. 接続の終了

ピア同士の接続の確立って難しそうだね?

はい、難しいですね

接続の確立について、オファーアンサーネゴシエーションという

ローカルとリモートの設定を交換する手法があります。

  1. 接続を試みる側がどのメディアどのデコードで送るかをオファーとして送る
  2. 受け手側は、送られたオファーに対して、対応可能かと他に使いたいものリストをアンサーとしてオファー側に送る
  3. アンサーを受取、各ピア同士で受け取った情報を設定することでデータ交換が行えるようになる

ネットワークの制限

セキュリティを高めるためのファイアウォールや

NATの存在が接続の確立にあたっては障害となる。

その回避を行うため、特別なプロトコルが用意されています。

NAT is 何?

Network Address Translatorの略。

IPアドレスは有限の資源であり、資源の有効活用のために使われる。

グローバルIPをNAT機能持ちルータで、ルータ内のプライベートIPとの変換を行う技術。

NAPTであることがほとんどで、ポートの変換も行うことが多い。

正確にはNAPTだけど、一旦NATで統一します。

ピア同士が接続されるWebRTCだが、

NATの存在のため、接続先ピアがどのプライベートIPを持っているかが

外側からは分からないため、下記NAT越えが行われる。

NAT越え is 何?

上記問題への対応のため、ピアに直接パケットを送るために行われる手法・技術。

具体的には、ホールパンチという手法でNATを透過したテストパケットを送れるかどうかを試す。

ホールパンチ is 何?

NATの外から、プライベートIPアドレスとポート番号のペアを知るために行われる手法。

具体的には下記手法を試していく。

ICE is 何?

Interactive Connectivity Establishmentの略。プロトコルのひとつ。

NAT越えを行うための手法の一つ。ICEでは下記を行う。

  • IPアドレスとポート番号のペアを集める
  • ピア同士がペアを交換する
  • ホールパンチを試す
  • 繋がるペアでデータ交換を行う

上記が純粋な手法で、よくあるICEではSTUNプロトコルとTURNプロトコルを使い、

ピア同士の接続の確立を試みます。

また、VanillaとTrickleという拡張がある。

Vanilla ICE is 何?

標準のICEを指す。拡張であるTrickleが出来たため、標準がVanillaと呼ばれる。

VanillaはすべてのIPアドレスとポート番号のペアを収集してから

すべて接続を試し、接続確立されたものから使用するペアを選択する。

バニラという単語自体には標準という意味がある。

ICEという名前のためのシャレみたいなもんでしょうね。

Trickle ICE is 何?

標準のICEに対し、拡張されたICEを指す。

Vanillaに対し、Trickleではペアを順次交換し、接続成功した時点で処理が終了されるので、

接続確立までがVanillaよりも速くできる可能性がある。

現時点ではChrome/Firefoxと一部ブラウザでしか対応していないため、

使用する際には最新の情報を調べてください。

Trickleは滴り落ちるという意味なので、ペアを少しずつ試すという点が

アイスが滴り落ちるのと様子に似ているからこの名前なんだと思います。

STUN is 何?

Session Traversal Utilities for NAT の略。プロトコルのひとつ。

これもNAT越えのための手法のひとつ。

STUNで対象のピアのネットワーク上にNATが存在するかどうかを確認するプロトコル。

テストパケットをSTUNサーバに送り、自分のIPが外部のネットワーク上からどういうIPで見えるかを確認します。

自分のIPと一致していれば、NATは存在しません。

NATが存在しなければ、NAT越えの必要なくパケットを送ることが出来ます。

存在する場合は、NATが一つ以上存在し、一番外側のNATの情報が取得できます。

STUNでアドレスとポートのマッピングを取得します。

このマッピング情報をもとにピア同士で接続するのがSTUNです。

TURN is 何?

Traversal Using Relays around NAT の略。プロトコルのひとつ。

TURNはSTUNの拡張プロトコル。ICEがホールパンチに失敗した場合、メディアリレーを行う。

ブラウザに実装されているTURNクライアントと、NATの外にあるTURNサーバと

接続先のピアがTURNサーバを経由し、メディア情報を交換している。

STUNとの違いはSTUNはピア同士で接続するのに対し、

TURNはピアとピアの間にTURNサーバが存在し、

TURNサーバ経由で接続する点が異なります。

ICEとSTUNとTURNの関係

同じNAT超えをしているし最初どういう関係かわかりませんでしたが、

iwashiさんからTwitterでリプライいただけたので書いておきます。

各プロトコルは独立している。TURNはSTUNの拡張プロトコル。

ICEはICE自身でのアドレスとポートのマッピングを行い、

さらにTURNとSTUNも利用するプロトコルです。

まとまれ

これらのプロトコルを用いて、ピア同士で接続できれば晴れてリアルタイムコミュニケーションが楽しめます。

Twilioではこの辺り難しいところを何も考えずに使える点が良いですね。

音声通話はもちろん、最近ではビデオチャット機能も充実してきているとのことなので、

手っ取り早くWebRTCに触れてみたい方はTwilioをさわってみてはどうでしょう。

https://twilio.kddi-web.com/

どういう構成だとSTUNでつなぐことが出来て、

TURNが必要になるのはどういう構成なのかなど今度調べてみます。

Twilio.TaskRouterを調べて使ってみた【長文】

こんにちは、@24guchia です。

掲題通り、便利そうだけどなんか難しそうだな・・・

と思って避けていたTwilio.Taskrouter導入しました。

 

最初にお伝えします。

理解が難しいですが、とても便利な機能です。

顧客を待たせることになる受電、手を抜かずにやりきりましょう。

 

2017/11/04 追記

なんと、Twilio.TaskrouterのプロマネからTwitterでコメントありました。

後ほど、まとめますが、気になる方は僕のTwitterアカウント参照してください。

@24guchia

2017/11/06 追記

一部、不明点やアドバイス頂いた点を追記しました。

Twilio.Syncで受電割り振りすると言ったな

Twilio Developer Meetup 2017 – LT用スライド

あれは嘘だ。

すいません、Syncの使い方間違えてました。

Sync自体は在席管理で使い続けます。Syncも便利です。

Sync → Taskrouter変更の経緯

そもそもSyncでデータの中身に対して、クエリを発行する方法がない。

そのため、全件取得して中身を取り出して、該当する人だったら

その人に通話を割り振るとしていたが、500件mapに入れたら検索だけで10秒位かかった。

遅すぎて流石に厳しいので、ACDに特化したTaskrouterについて調べることにしました。

Taskrouter概要

理解が必要な概念は下記の通り。

  • Workspace
    • 以下概念を入れるための入れ物
  • Workflow
    • ACDとして、どの呼をどのTaskqueue(後述)に入れるかのルール設定ができる
    • 挙動としては、一般的なSwitch文に似ている。JSON形式で記述方法はSQLライクな文法で設定することが出来る
  • Taskqueue
    • 呼を入れて、待たせる。保留と同等なので、架電側には保留音が流れる(電話の場合)
    • FIFOとLIFOが選べる
    • このTaskqueueに入っているTask(後述)をどの属性を持ったWorker(後述)が対応可能かフィルタできる
    • 一般的な使い方はTaskqueueにセールス部門、サポート部門、全社員というような使い分けを行う
  • Task
    • 受電した呼に属性をJSONで持たせたもの
    • Taskが持っている属性でWorkflowの評価が行われ、Taskqueueへキューされる
    • 受電以外に問い合わせメールとかにも使えるらしいので、Taskという名前らしい
  • Worker
    • Taskを対応する人。オペレーターや営業など
    • Task同様、JSONで属性を持つ。Taskqueueのフィルタの際に評価される
    • 例えば、Aさんにセールス部門という属性をもたせ、Bさんにサポート部門という属性をもたせて、得意なTaskをこなせるように設定する
    • Task対応できるかどうかの属性(Available)やどういう状況(Activity)を持たせる
  • その他
    • Workflowによって、タスクキューという通話一覧にキューされる。
    • 優先度と時間によってエスカレートする仕組みがある。
    • タイムアウトの時間設定ができるので何秒か対応できなかったら、自動でエスカレートし、次の評価されたQueueに入る。

概念はこのようになっています。

振り分け処理について

先述の通り、Workflowsに設定しているJSONで振り分けを行っている。

task_routingに設定されているfiltersはSwitch文のように動作する。

filtersのexpressionに合致するタスクは、そのfilter内のtargetsに沿って通話振り分けが行われる。

いずれにも一致しない場合、default_filterのキューに入れられる。

switch caseとdefaultと同じです。

expressionの文法

SQLライク。JSONのキーバリューを走査してくれる。

ANDとORで接続する。一般的な比較ができる、==,!=,>,<,HAS,CONTAINS,IN,NOT INが使える。

型はString,Numbers(int and float),Booleanがある。配列も使える。

タスクにJSONで属性つけるとexpressionでの評価対象になる。

ここらへんはドキュメント読んでください。

Taskrouterってどうやって作るの

いつも通り、管理コンソールかREST APIで作る。

https://jp.twilio.com/console/taskrouter/workspaces/create

で、Twimlでどうやって使うの

Enqueueでworkflowに入れる。

そのときにTask名詞でexpressionの評価対象になる属性をJSON形式で設定できる。

で、クライアントではどう使うの

Taskrouter.jsというJavaScriptSDKが用意されているのでそれを使う。

トークン生成が必要なので、サーバ必須。

ここのところ激プッシュしてるFunctionsでもOKらしい。動画参照

https://www.youtube.com/watch?v=XMg5ytgyn1E

FunctionsだとCRM連携ってどうやるんだろう?

Taskrouterを使う場合の受電の流れ

  1. 受電するとTwilioの受電時Webhookが呼ばれる
    1. この画面で管理してるやつ → https://jp.twilio.com/console/phone-numbers/incoming
  2. 1で呼び出されたWebhook内でTaskをあるWorkflowにenqueueするtwimlを生成する
  3. Workflowの処理が呼び出だされTaskの属性とWorkerの属性によってタスク割り振りが決定し、予約が作成する
  4. 割り振りされたら、コールバックが呼ばれる
    1. この画面で管理してるやつ → https://jp.twilio.com/console/taskrouter/workspaces/WSxxx/workflows/WWxxx
  5. 4で呼び出されたコールバック内で、タスクをどうするかを決める処理を行う
    1. 今のところ使っているのはVoiceのみのため、基本的に全部callでWorkerのcontact_uriに電話かける
    2. Voice以外のタスクを取り扱うようになったら、適切なチャネルに流れるように設計する必要がある
  6. クライアントに電話がかかる
    1. 具体的にはTwilio.Device.incomingとworkerのイベントでresevation.createdが並行して呼ばれる。
    2. 並行に呼ばれるのはかなり厄介なので、他はどうしてるか知りたい

受電のフローはこうです。

TaskRouterの勘所

Taskとあるが、Queue(保留)の仕組みを組み合わせているだけ

これが理解できておらず、苦労しました。

Taskrouterで割り振られた通話の親通話がなぜか取れない

callAPIの受電では親通話に紐付いて、

クライアント側は子通話が生成されるが、Queueと同じ仕組みのため、

割り振られた受電でも、Queueに入っている通話に対して架電しているので、

親子関係が生成されない。

追記:親子関係が生成されない件について

下記ドキュメントにあるようにinstruction:conferenceを使用することで親子関係が生成されるようです。

https://www.twilio.com/docs/api/taskrouter/reservations#conference

現在はdequeueでクライアントにかけているため、

conferenceに変更し、どう挙動するか後ほどまとめます。

 

ACDって要するにロードバランサーだよね

Automatic Call Distributor/着信呼自動分配装置って、名前いかついし

そんなのWebで似た概念ないよな・・・って思ってたけど、

ロードバランサーと同じってのに気づくと、よく分からないものから

なんとなくイメージが付けやすくなると思います。

良いところ

  • 振り分け、タイムアウト、エスカレートできる
    • 振り分けはともかく、タイムアウトとエスカレートの処理を書くのはなかなかしんどいと思う
  • ソースを修正せずに、管理コンソールだけで受電振り分け設定を変更できる
    • 注意として、管理コンソールだけでは使用できない設定があり、更にAPIで設定しても管理コンソールに表示されないようなので、この事情を知らない人が勝手に変えると壊れる可能性があります
  • 受電したとき、clientだとcurrentの親callを取らないどこからの受電分からないが、taskrouterだとreservation.task.attributesに入ってる
    • 2017/11/06追記: conferenceでTaskを割り振りすることで親受電を取れるようです。現在、確認中
  • taskの生成を行う際、JSONになんでも情報を持たせることができ、クライアントでtask.attributesで参照できる
    • task.attibutesはめちゃくちゃ便利です!DBで取得した値を設定することで、クライアント側に受電と同時に取得した値の参照が出来るようになります。
    • API呼び出しとAPI保守費用が下がるので、めちゃくちゃ単純な割り振りしかないからいいやって思わずに、使うと良いです

困りどころ

  • dequeue/callを使うと、クライアントの受電とアサインされたtaskの受電で2つとも同じ処理(Twilio.Device.incoming)を通るので、処理の切り分けが必要
    • dequeueだと、connection.parameters.ApiVersionがなぜかないが判断基準にするには微妙(そもそもない事自体がバグなのでは?)
  • dequeue/callを使うと、Twilio.Device.incomingがreservation.createdより先に発火する事が多い
    • 電話は鳴るが、アサインされたtaskが参照できないので若干無駄な瞬間がある
    • たまにreservationの方が速かったりするので、reservation.createdを必ず待つことができない
  • ワーカーのavailabilityを見て、割り振りするかの設定であるskip_ifが管理コンソールで変更できない
    • API呼び出しで解決しました
    • APIでskip_if付けても、管理コンソールに表示されないっぽい?
    • 挙動確認したところ、ドキュメント通りなので反映はされているらしい
    • StackOverflowで聞いてるけど、回答が来なくて悲しかったのはちょっと前の話
    • https://stackoverflow.com/questions/46884250/how-do-i-configure-skip-if-on-twilio-taskrouter-workflow
    • 2017/11/06追記:↑先日、回答がありました。現在はAPIで更新/参照の必要があります
    • なんとドキュメントに見れない件がNoteとして記載されていました。嬉しい:)
    • https://www.twilio.com/docs/api/taskrouter/worker-presence
  • TaskQueueに対応可能Workerがいなくても、一旦キューに入ってタイムアウトまで待つ
    • 対応可能Workerがいない場合、次のキュー判定に入るかどうかの設定がほしい
  • TaskAttributesがマルチバイト文字が未サポート
    • 下記、気合のエンコードとデコードで解決
    • サーバ側(Php)でurlencode()でエンコードして、クライアント側(Taskrouter.js)でdecodeURIComponent(reservation.task.attributes.name)でデコードする
    • Syncではマルチバイト文字対応してるのになんでだろう
    • 2017/11/06追記:Taskの割り振りに関係ないため、対応していないらしい。現在、対応を希望していますが、同上の理由により優先度を上げて対応は難しいとのこと。

REST APIではまったとこ(Php)

https://www.twilio.com/docs/api/taskrouter/workers

  • Workerを作るAPIのオプショナルパラメータでドキュメントのFIELDがプログラムで使う連想配列のキーと一致しない
    • ActivitySidはactivitySid、Attributesはattributesをキーにする必要がある。ドキュメント仕事してくれ
    • パラメータ変換するだけのクラス作りました
  • Attributesに設定するのは単純な配列じゃなくて、JSON化する必要がある
    • JSON化はTwilioのライブラリ側でやるでも良いような気がする
    • json_encode,json_decodeしないで文字列でゴリゴリJSONを扱うってあんまりしないし
  • Worker削除しようとする時に、そのWorkerのavailableがtrueだと削除できない。
    • 対応として、削除する関数にforce引数を付けて、force=trueだったら削除前にavailableがfalseのactivityに変えている。
  • QuickStartのドキュメントは更新されてないので、APIは別でドキュメントを読む必要あり

Taskrouter.jsではまったとこ(クライアント側)

  • Workerのトークン生成でreservation更新を許可しておらず、403が出た
    • エラーメッセージがちょっと分かりづらかった
    • 403 Policies defined such that we cannot access the given resource
    • dequeueでかかってきた通話をconnectするとreservationが更新されたのでより混乱してしまった
  • Worker生成のオプションでdisconnectActivitySid設定しても、アクティビティが変わらない?

まとめ

困りどころ多いですね!

ただそれを差し引いても便利機能なので、がんばって実装しましょう。

後で使いそうなドキュメント

Twilio Developer Meetup 2017に参加しました

こんにちは、@24guchiaです。
先日、タイトルのイベントに参加したのでそのレポートです。

全体的に

サーバレスについて語られていました。
TwilioのFunctionsはAWSで言うところのLambdaに似た機能です。

サーバレスの良いところ

何と言ってもサーバを管理する必要がない点です。
通常のサーバ運用だと、サーバセットアップしたり後、
継続的にセキュリティ対策するなどの継続的なコストがかかります。
それらをプロ中のプロがセットアップ済みメンテナンス込みで用意してくれるところが、
サーバレスの良いところです。

デメリット

デメリットになりうるのはサービスで用意してある設定で対応できない場合だと思います。
それは事前調査である程度は回避できるのではないでしょうか。
今回のミートアップでは上記のことを話されていましたが、
現状だとFunctionsでできることの少なさや、改善してほしいことが多く、
プロダクト採用には遠いかなというのが正直な感想です。

Functionsへの要望としては、バージョン管理、デプロイの機構、
外部パッケージの利用をかんたんにしてほしいというのがパッと思い浮かぶところです。

まだまだ課題は多いですが、サーバ管理もやる身としては、サーバ管理をする必要がなくなるなんて夢のある話です。
また、Functionsを利用することで、サービスが全てTwilio内で収まるため、
パケットロスが減らせるとのことです。
PDCAが回せるよう、Functionsで賄えることは少しずつ使えるようにしていきたいです。

初めてのLT

今回のイベントで初めてLTしました。
反省点はこんな感じ↓

  1. 文字が全般的に小さかった
  2. みんな座って聞いてるわけじゃなかった
  3. Wifiがなかったので、みんなにデモしてもらうことができなかった
  4. 色味が黒すぎた
  5. もう少しキャッチーな画像があったほうが良さそう
  6. プライマリディスプレイにもスライド出す必要あった

見た目的なことは次のLTで改善したい。
あと、どういう状況でLTするかの事前確認しないと行けないのと、
Twilioのミートアップだったから、電話番号出せたら面白い。
今回、ミラーリングしなかったのは普通に見づらくてしくったなって感じ。

ググってもググっても出てこないことばっかりやってるので
大変でもあり、前例がないことをやっていてやりがいがあるとも感じてます。
最近読んだ本で、どんなことでも積極的にシェアすることが重要とあったので、
引き続き懲りずにシェアしていきます。

最近読んだ本↓

スライドシェアにデモ部分削除して、アップしました。
こちらです

以上、ありがとうございました。

Twilioドキュメントは英語版が絶対オススメな3つの理由

こんにちは、@24guchiaです。

Twilioを導入に向けて作業し始め、はや4ヶ月が経ちました。
それに伴い、タイトルの通りのことを痛感しているので、
これから導入検討される方などはぜひ参考にしてください。
(英語が読めないっていうのは)ダメです、がんばってください。

理由その1
日本語翻訳が機械的すぎる。
たとえば、まず最初に試すであろうcallのドキュメントからすでに見たことない日本語が多いです。

見たことない日本語: パレント
parentです。ペアレントは見たことありますが、パレントは初見でした。
電話について詳しくない人にとって、通話に親子関係があることすらわからないので、
なかなか理解できずに苦労しました。
通話の親子関係は保留・取次にあたり、理解が必須ですが、それはまた別の記事にて。

理由その2
日本語翻訳されてたりされてなかったりする。
キューのメンバーという概念があります。
キューは通話の待ち受け部屋で保留などで使い、そのキューに入っている通話をメンバーと言います。
上記リンクのプロパティでほとんど翻訳されていない中、突如、「職」という謎の翻訳をされたプロパティが出てきます。
英語版ドキュメントを見るとpositionです。結局、英語版ドキュメントを確認することになり、二度手間です。

理由その3
プロパティ名などの大文字小文字が入り乱れていて、コピペするとバグる。
これが英語版をオススメする一番の理由です。
録音のTwimlのプロパティですが、
timeoutという属性が付与できます。
ただ、上記リンクのドキュメントだとTimeoutになっています。
僕はこのドキュメントからコピペして、Timeoutでプロパティを入れてみたところ、
見事にエラーが発生し、困ったことがあります。

これらの理由から、英語版ドキュメントをおすすめしています。
ググると日本語版ドキュメントが出てくることがほとんですが、
開いてからサブドメのjp部分をwwwに切り替えれば英語版が読めます。

いきなり最初の記事から、ネガティブなことばかり書いてしまいましたが、
Twilioを使うメリットは大きいと思っています。
たとえば、ログを取りやすくなったり、営業時間内外の電話の切り替え、
固定電話を減らしたり、場合によっては個人のスマホに通話を転送できたりというメリットも多いです。

近いうちにTwilioを使用することになった経緯をまとめようと思います。

このブログについて

はじめまして。@24guchiaと申します。

■作者概要
新卒からエンジニアとして働いてきて最近30代突入しました。
今は渋谷のベンチャー企業で正社員のWeb系エンジニアやっています。
業務でよく使うのはPhpですが、好きな言語はJavaScriptです。
あとはテストとスクレイピングと最近は電話が割りと好きです。

■始めた理由
ニッチだけど、僕が死ぬまでは使われるであろう電話関連の技術が身についてきたため。
業界の人に聞いても、けっこう大規模とのこと。
あと、最近読んだ本、SOFTSKILLSに影響されました。

この本は中身がよく、本に影響されていろいろと試しています。
そのうち、読んだ要約を書くつもりですが、なぜブログを書くかは自分を売り込め!という章が参考になります。
ブログの名前も自分だったらどうなれるかっていうのを表してます。
最近は人と話すのがつらいので、ブログでアウトプットしていきます。