twilioハンズオン資料 鹿児島

Post on 22-Jan-2018

623 Views

Category:

Engineering

2 Downloads

Preview:

Click to see full reader

TRANSCRIPT

第1回勉強会 クラウド電話&SMS API Twilio 初心者向けハンズオン! ~ たった数行のコードをかくだけで電話やSMSをネットと繋ぎます! ~

2015.9.4(金) 【TwilioJP-UG 鹿児島】

@joohounsong

宋 珠憲(ソン ジュホン) Twilio for KDDI Web Communications

Twilio事業部 テクニカル担当

・PHPやRoRなど、ウェブアプリ開発 ・Twilio テクニカルサポート ・Twilioデベロッパーコミュニティ運営 ・デベロッパー向けイベント企画&運営

#twiliojpug

@TwilioforKWC https://twitter.com/TwilioforKWC

【ファンページ】 TwilioforKWC https://www.facebook.com/TwilioforKWC

【グループ】 TwilioforKWC https://www.facebook.com/groups/twilioforkwc/

#twiliojpugTwilioのコミュニティ

Twilio?

twilioって こんなのできるよ

#twiliojpug

#twiliojpugSimple:RESTful API

#twiliojpugTwilioの仕組み

<Say><Record>

<Dial>

<Sms>

<Conference>

<Play>

<Gather>

<Number>

<Sip><Client>

<Queue>

<Enqueue>

<Leave><Hnagup>

<Redirect>

<Reject>

<Pause>

動詞 名詞 第2動詞

#twiliojpugTwilioの動詞と名詞

https://jp.twilio.com/docs

#twiliojpug開発ドキュメント

<Say> <Dial>

<Dial> <Client>

#twiliojpugTwiMLはこんな感じ。

<Play>curl  -­‐X  POST  ‘https://api.twilio.com/2010-­‐04-­‐01/Accounts/  Account  SID/Calls.xml'  \  -­‐d  'From=%2B8150xxxxxxxx'  \  -­‐d  'To=%2B8180xxxxxxxx'  \  -­‐d  'Url=http%3A%2F%2F<twiML  URL>'  \  -­‐u  Account  SID:Auth  Token

※ 白部分のみ自分の情報を設定 ・Account SID 、Auth Token:自分のダッシュボードから確認 ・From : 発信元の電話番号(Twilio電話番号) ・To:発信先の電話番号 ・Url : TwiMLが格納されているサーバー(TwiML名(ファイル名)を含む) ※ “< >”は要りません。 ※ コマンドをターミナルなどで実行

#twiliojpugcurlを使った発信処理

© 2009 - 2014 Twilio, Inc. All rights reserved.

#twiliojpugヘルパーライブラリー

#twiliojpug普通のPHPコードで

Rubyでも #twiliojpug

© 2009 - 2014 Twilio, Inc. All rights reserved.

#twiliojpug大きく3つ

© 2009 - 2014 Twilio, Inc. All rights reserved.

#twiliojpugTwilio Client

© 2009 - 2014 Twilio, Inc. All rights reserved.

#twiliojpugTwilio Client SDKs

© 2009 - 2014 Twilio, Inc. All rights reserved.

WEBRTC#twiliojpugJavaScript

© 2009 - 2014 Twilio, Inc. All rights reserved.

iOS & Android SDKs

#twiliojpugMobile SDKs

© 2009 - 2014 Twilio, Inc. All rights reserved.

#twiliojpugTwilio Video

thomas(local), tommy(heroku), jenny(heroku) thomas → tommy, tommy → jenny

thomas

jennytommy

tommy

tommy

thomas jenny

#twiliojpugTwilio Video

ウェブやモバイル(iOS、Android)でチャットアプリが より簡単に開発できるプラットフォーム。

#twiliojpugIP Messaging

電話の再発見、 我々の生活やビジネスが変わります。

#twiliojpug使い場面

© 2009 - 2014 Twilio, Inc. All rights reserved.

ブラウザを利用した気軽なお問い合わせ

#twiliojpugお客様サポート

© 2009 - 2014 Twilio, Inc. All rights reserved.

電話によるキャンペーン

自動案内 #twiliojpug

© 2009 - 2014 Twilio, Inc. All rights reserved.

自分の電話番号を知らせず気軽なお問い合わせ

匿名通話 #twiliojpug

受付システム #twiliojpug

Face Touch

順番待ち #twiliojpug

簡単に使える順番管理アプリ

ようこそ Twilioの世界へ

ハンズオン #twiliojpug

http://bit.ly/1d9ZMBl

ハンズオン #twiliojpug

テキストを音声へ <Say>

ハンズオン #twiliojpug

録音 <Record>

ハンズオン #twiliojpug

音声ファイルの再生 <Play>

ハンズオン #twiliojpug

通話処理の分岐 <Gather>

Request URLの設定

Request URLの設定

Request URL

ソースコード

しゃべる

録音

しゃべる → 録音 → 音声ファイル再生

音声ファイル再生

ソースコード

top related