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

Dibyendu Datta
Lead Technology Evangelist

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

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

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

接続の設定

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

CockroachDB 接続プロパティの取得・設定方法

CockroachDB に接続するには以下を設定します。

Server：サーバーのホスト名またはIP アドレス。
Port：CockroachDB サーバーのポート番号。デフォルトのポートは26257 です。
Database：Cockroach データベースの名前。デフォルトでは、CData 製品はユーザーのデフォルトデータベースに接続します。
User：認証に使用されるCockroach DB ユーザーアカウント。
Password：ユーザーの認証で使用されるパスワード。

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

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

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

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

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

          
      <cfquery name="CockroachDBQuery" dataSource="CDataCockroachDBODBC">
        SELECT * FROM Orders
      </cfquery>

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

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

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

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

        ...

      </cftable>

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

          
      <html>
      <head><title>CData Software | CockroachDB Orders Table Demo </title></head>
      <body>
      <cfoutput>#ucase("CockroachDB Orders Table Demo")#</cfoutput>
      <cfquery name="CockroachDBQuery" dataSource="CDataCockroachDBODBC">

        SELECT * FROM Orders

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

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

        ...

      </cftable>
      </body>

      </html>