お知らせ:

当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

Dialer Mobile App

はじめに

このチュートリアルでは、Twillioと統合することで、Catalystでシンプルな Android および iOS ダイヤラーアプリケーションを構築します。両プラットフォームのアプリケーションは、Catalyst Flutter SDKを使用してFlutterフレームワーク上で構築されます。ダイヤラーアプリケーションを使用すると、営業チームと顧客間のアウトバウンド音声通話接続を開始できます。

Flutterは、Googleが開発したDartプログラミング言語をベースとしたオープンソースフレームワークで、ネイティブコンパイルされたクロスプラットフォームアプリケーションの開発に使用されます。Catalyst Flutter SDKには、AndroidおよびiOS環境の両方に対応した、さまざまなCatalystサービスおよびコンポーネント用のツールが含まれています。

Twillioは、音声、ビデオ、メッセージング、ライブストリーミング、メールなどを通じて、意味のある迅速な接続を確立するための豊富なREST APIを提供するクラウドコミュニケーションプラットフォームです。Twilioプラットフォームは、テキスト読み上げダイヤルメッセージのパーソナライズされたカスタマイズ、通話録音、会議通話、通話転送、トラッキングなど、さまざまな機能を提供しています。このチュートリアルでは、TwilioのProgrammable Voice APIを使用して、仮想電話番号を介して2つの電話番号間のアウトバウンド通話を設定します。

Note: このアプリケーションには有料のTwilioアカウントが必要です。TwilioのAPIとの統合は無料版では利用できません。Twilio電話番号(仮想番号)は、Twilioアカウントにサインアップする際に、Twilioコンソールからお住まいの国の設定に基づいて購入できます。

モバイルアプリケーションは以下のように表示されます:

Android

android-working-app

iOS

ios-working-app

ダイヤラーアプリケーションには、以下の基本的なCatalystコンポーネントとそれらが提供する機能が含まれています:

  1. Catalyst Serverless:

    • Advanced I/O Function: Advanced I/O functionはNode.jsプログラミング環境でコーディングされています。TwilioのProgrammable Voice APIと統合してアウトバウンド通話を開始し、通話ログを記録するバックエンドロジックが含まれています。
  2. Catalyst Cloud Scale:

    • Data Store: 電話番号、通話が開始された国、通話のタイムスタンプ、通話ステータスなど、発信した通話に関する情報を保存します。
    • ZCQL: Data Storeにクエリを実行し、通話完了後に通話ログを取得して、Webクライアントに表示します。

アプリケーションをCatalyst Flutter SDKで構築するには、CatalystでAndroidおよびiOSの両方のアプリを設定する必要があります。これには、Catalystにアプリを登録して、両方のCatalyst固有のプロパティファイルを取得し、それぞれのコードモジュールに含めることが含まれます。

このアプリケーションの構築とテストには、Catalyst WebコンソールとCatalystコマンドラインインターフェース(CLI)、およびAndroidとiOSの両方に必要なモバイルIDEとシミュレーターを使用します。このチュートリアルでは、Advanced I/O functionに含めるコードと、AndroidおよびiOSアプリ用のFlutterコードを提供しています。提供されたコードをコピーし、指示に従って適切なファイルに貼り付けるだけです。

アプリケーションアーキテクチャ

ダイヤラーアプリケーションのアーキテクチャを以下に示します:

  1. アプリケーションは、営業チームの連絡先番号と顧客の電話番号などのユーザー入力を受け付けます。

  2. ユーザーが入力した電話番号がバリデーションされます。バリデーションが成功すると、番号はCatalystのData StoreのCallLogsテーブルに保存され、TwilioのVoice APIにリクエストが送信されます。

  3. Twilio APIを呼び出すと、アウトバウンド通話が開始され、Twilio番号から営業チームの連絡先番号にルーティングされます。

  4. この時点で、ダイヤラーアプリケーションは通話中にユーザーに提示するアクションを指定するために、Voice APIにTwilMLインストラクションを送信します。このアプリケーションでは、REST APIに音声指示を返すURLを設定しています。

  5. TwilioのVoice Response functionには、通話アクションをお好みに合わせてカスタマイズできる事前設定されたverbがあります。ここでは、dial()およびsay() verbを使用して、アカウントのTwilio番号から営業番号にダイヤルし、通話が転送される際に発信者にメッセージを提示します。

  6. 通話が正常に完了すると、通話時間、通話ステータス、通話先の国、通話のタイムスタンプなどの通話詳細がテーブルに更新されます。通話は、いずれかの当事者が切断した場合、またはTwilioのシグナルがビジーの場合に終了します。

  7. ユーザーはダイヤラーアプリケーションで通話ログを確認することもできます。ログはData Storeにクエリを実行して取得されます。

dialer-arch-dia

ダイヤラーアプリケーションは、顧客へのアウトバウンド音声通話コミュニケーションを迅速に開始するためのソリューションとして機能します。

最終更新日 2026-03-05 11:43:24 +0530 IST

最短完了時間:

40 mins

難易度:

Advanced

関連サービス

Serverless Cloud Scale

関連コンポーネント

Functions Data Store ZCQL