ColdFusion で ODBC 経由のTwilio のデータをリアルタイムにインポートしてアプリケーションを構築

Dibyendu Datta
Lead Technology Evangelist

CData ODBC ドライバーを使って、ColdFusion でTwilio のデータをインポート・活用。

Adobe ColdFusion は、Web およびモバイルアプリケーションの開発プラットフォームです。独自のスクリプト言語である ColdFusion Markup Language（CFML）を使用して、データ駆動型の Web サイトを作成したり、REST などのリモートサービスを生成したりできます。ColdFusion を CData ODBC Driver for Twilio と組み合わせることで、ColdFusion の Web およびモバイルアプリケーションとTwilio のライブデータを連携できます。これにより、アプリケーションをより堅牢で完全なものにすることができます。この記事では、ODBC ドライバーを使って、ColdFusion マークアップファイル内でTwilio のデータを取得してテーブルを作成する方法を説明します。

このチュートリアルを進めるには、CData ODBC Driver for Twilio と Adobe ColdFusion をインストールする必要があります。

接続の設定

まだ設定していない場合は、ODBC DSN（データソース名）で接続プロパティを指定します。これはドライバーインストールの最終ステップです。Microsoft ODBC データソースアドミニストレーターを使って ODBC DSN を作成・設定できます。

Twilio への接続

Auth Token またはAPI キーのいずれかを使用して、Twilio に認証できます。

Auth Token

Auth Token およびAccount SID を使用して、Twilio に認証できます。

Twilio Console Dashboard を開き、Account Info セクションに移動して、以下の接続プロパティを設定します。

AccountSID：Account SID フィールドの値。
AuthToken：Auth Token フィールドの値。Show をクリックして非表示を解除します。

API キーでの認証についてはヘルプドキュメントの「Twilio への接続」を参照してください。

データソースの追加とテーブルの作成

DSN を作成したら、以下の手順に従って、新しいデータソースを追加し、接続をテストし、ColdFusion マークアップファイルを作成し、最後にTwilio のデータをインポートして ColdFusion でテーブルに表示します。

ColdFusion 管理インターフェースから、Data & Services を選択します。
ここで「Add New Data Source」をクリックします。データソース名は、ColdFusion の変数命名規則に準拠していれば任意の名前で構いません。ODBC ドライバーの場合は「ODBC Socket」を選択し、「Add」ボタンをクリックします。
ODBC DSN ドロップダウンメニューから CData Twilio Sys を選択します。Advanced Settings セクションでは、Connection String は空白のままにしておきます。なお、この入力フィールドで指定されたプロパティは、DSN 設定で指定されたものを上書きします。
次に、先ほど作成した CDataTwilioODBC データソースの左側にあるチェックマークを押して、接続をテストします。データソースが「OK」ステータスを報告したら、使用する準備ができています。

次に、新しい ColdFusion マークアップファイル（.cfm）を作成し、ColdFusion の wwwroot ディレクトリ（「C:\ColdFusion2021\cfusion\wwwroot」）に配置します。

以下のコードでデータソースをクエリします：

          
      <cfquery name="TwilioQuery" dataSource="CDataTwilioODBC">
        SELECT * FROM Calls
      </cfquery>

CFTable を使用すると、HTML でテーブルを簡単に出力できます：

          
        <cftable
        query = "TwilioQuery"
        border = "1"
        colHeaders
        colSpacing = "2"
        headerLines = "2"
        HTMLTable
        maxRows = "500"
        startRow = "1">

        <cfcol header="<b>To</b>" align="Left" width=2 text="To"/>

        <cfcol header="<b>Duration</b>" align="Left" width=15 text="Duration"/>

        ...

      </cftable>

HTML 部分を含む完全なコードは以下のとおりです：

          
      <html>
      <head><title>CData Software | Twilio Calls Table Demo </title></head>
      <body>
      <cfoutput>#ucase("Twilio Calls Table Demo")#</cfoutput>
      <cfquery name="TwilioQuery" dataSource="CDataTwilioODBC">

        SELECT * FROM Calls

      </cfquery>
      <cftable
        query = "TwilioQuery"
        border = "1"
        colHeaders
        colSpacing = "2"
        headerLines = "2"
        HTMLTable
        maxRows = "500"
        startRow = "1">
        <cfcol header="<b>To</b>" align="Left" width=2 text="To"/>

        <cfcol header="<b>Duration</b>" align="Left" width=15 text="Duration"/>

        ...

      </cftable>
      </body>

      </html>