ColdFusion にリアルタイムBigCommerce データをインポートしてアプリケーションを構築

こんにちは！ドライバー周りのヘルプドキュメントを担当している古川です。

Adobe ColdFusion は、Web アプリケーションおよびモバイルアプリケーション開発プラットフォームです。独自のスクリプト言語であるColdFusion Markup Language（CFML）を使用し、データドリブンなWeb サイトを作成したり、REST などのリモートサービスを生成したりすることができます。

ColdFusion とCData JDBC Driver for BigCommerce を組み合わせると、ColdFusion のWeb アプリケーションやモバイルアプリケーションを、運用中のBigCommerce データにリンクできます。 これにより、アプリケーションの堅牢性と完成度を高めることができます。この記事では、JDBC ドライバーを使ってColdFusion マークアップファイルからBigCommerce のデータを入力したテーブルを作成する方法について詳しく説明します。

最適化されたデータ処理が組み込まれたCData JDBC ドライバは、リアルタイムBigCommerce データを扱う上で高いパフォーマンスを提供します。 BigCommerce にSQL クエリを発行すると、CData ドライバーはフィルタや集計などのBigCommerce 側でサポートしているSQL 操作をBigCommerce に直接渡し、サポートされていない操作（主にSQL 関数とJOIN 操作）は組み込みSQL エンジンを利用してクライアント側で処理します。 組み込みの動的メタデータクエリを使用すると、ネイティブのデータ型を使ってBigCommerce データを操作および分析できます。

BigCommerce への接続を設定する

Coldfusion とBigCommerce の接続を確立するには、JDBC 接続文字列が必要です。

BigCommerce 認証は標準のOAuth フローに基づいています。

Store ID の取得

BigCommerce Store に接続するには、StoreId が必要です。Store Id を確認するには、以下の手順に従ってください。

1. BigCommerce アカウントにログインします。
2. ホームページから「Advanced Settings」->「API Accounts」 を選択します。
3. 「Create API Account」->「Create V2/V3 API Token」をクリックします。
4. 画面にAPI Path という名前のテキストボックスが表示されます。
5. テキストボックス内に、次の構造のURL が表示されます：https://api.bigcommerce.com/stores/{Store Id}/v3。
6. 上記で示したように、Store Id は'stores/' と'/v3' パスパラメータの間にあります。
7. Store Id を取得したら、「キャンセル」 をクリックするか、まだ持っていない場合はAPI Account の作成に進むことができます。

パーソナルアクセストークンの取得

加えて、自分のデータをテストおよびアクセスするには、個人用トークンを取得する必要があります。個人用トークンを取得する方法は次のとおりです。

1. BigCommerce アカウントにログインします。
2. ホームページから「Advanced Settings」->「API Accounts」 を選択します。
3. 「Create API Account」->「Create V2/V3 API Token」をクリックします。
4. アカウント名を入力します。
5. 作成するAPI Account の「OAuth Scopes」を選択します。CData 製品 は"None" とマークされたデータにアクセスできません。また、"read-only" とマークされたデータを変更できません。
6. 「保存」をクリックします。

BigCommerce への認証

• StoreId：API Path テキストボックスから取得したStore ID に設定。
• OAuthAccessToken：生成したトークンに設定。
• InitiateOAuth：OFF に設定。

組み込みの接続文字列デザイナー

JDBC URL の作成の補助として、BigCommerce JDBC Driver に組み込まれている接続文字列デザイナーが使用できます。JAR ファイルをダブルクリックするか、コマンドラインからjar ファイルを実行します。

データソースを追加してテーブルを作成する

接続を設定したのち、次の手順に従ってはじめにCData JDBC ドライバをColdFusion のlib ディレクトリに追加し、続けて新しいデータソースを追加、接続をテスト、ColdFusion マークアップファイルを作成し、最後にBigCommerce データとリアルタイム接続してColdFusion Markup Language（CFML）で記述されるテーブルに表示します。

1. JDBC Driver for BigCommerce およびlic ファイルを"C:\Program Files\CData\CData JDBC Driver for BigCommerce\lib" から"C:\ColdFusion2021\cfusion\wwwroot\WEB-INF\lib"にコピーします。 cdata.jdbc.bigcommerce.jar cdata.jdbc.bigcommerce.lic

   Note：.lic ファイルをjar ファイルとともにコピーしないと、有効なライセンスがインストールされていないことを示すライセンスエラーが表示されます。 これは評価版、製品版ともに同様です。

2. ColdFusion Administrator インターフェースで「データとサービス」を選択します。
3. 「新規のデータソースの追加」を行います。データソース名は、ColdFusion の変数命名規則に従っていればどのような名前でもかまいません。 JDBC ドライバーの場合は、「その他」を選択して「追加」ボタンをクリックします。
4. 次に、ドライバーのプロパティを入力します。
   • 「JDBC URL」は、次のような形式である必要があります： jdbc:bigcommerce:|connectionString|
   • 典型的な接続文字列は次のようになります：
     jdbc:bigcommerce:OAuthClientId=YourClientId; OAuthClientSecret=YourClientSecret; StoreId='YourStoreID'; CallbackURL='http://localhost:33333'InitiateOAuth=GETANDREFRESH
   • 「ドライバクラス」は次のようになります：cdata.jdbc.bigcommerce.BigCommerceDriver
   • 「ドライバ名」の入力は任意で、これは単にColdFusion Administrator コンソールでデータソースを認識するために使われます。
5. ここで、作成したCDataBigCommerceJDBC データソースの左側にあるチェックマークをクリックして、接続をテストしてください。 データソースのステータスが「OK」になると、使用可能な状態です。
6. 次に、ColdFusion Markup ファイル（.cfm）を新規作成し、ColdFusion のwwwroot ディレクトリ（"C:\ColdFusion2021\cfusion\wwwroot"）に配置します。

   次のコードは、データソースにクエリを実行します。

               
           <cfquery name="BigCommerceQuery" dataSource="CDataBigCommerceJDBC"> 
             SELECT * FROM Customers 
           </cfquery> 
       

   CFTable を使用すると、HTML で素早くテーブルを出力できます。

               
             <cftable  
             query = "BigCommerceQuery" 
             border = "1" 
             colHeaders 
             colSpacing = "2" 
             headerLines = "2" 
             HTMLTable 
             maxRows = "500" 
             startRow = "1"> 
   
             <cfcol header="<b>FirstName</b>" align="Left" width=2 text="FirstName"/> 
   
             <cfcol header="<b>LastName</b>" align="Left" width=15 text="LastName"/> 
   
             ...
   
           </cftable> 
       

   HTML 部分を含むコード全体を以下に掲載します。

               
           <html> 
           <head><title>CData Software | BigCommerce Customers Table Demo </title></head> 
           <body> 
           <cfoutput>#ucase("BigCommerce Customers Table Demo")#</cfoutput> 
           <cfquery name="BigCommerceQuery" dataSource="CDataBigCommerceJDBC"> 
   
             SELECT * FROM Customers 
   
           </cfquery> 
           <cftable  
             query = "BigCommerceQuery" 
             border = "1" 
             colHeaders 
             colSpacing = "2" 
             headerLines = "2" 
             HTMLTable 
             maxRows = "500" 
             startRow = "1"> 
             <cfcol header="<b>FirstName</b>" align="Left" width=2 text="FirstName"/> 
   
             <cfcol header="<b>LastName</b>" align="Left" width=15 text="LastName"/> 
   
             ...
   
           </cftable> 
           </body> 
   
           </html>  
       

7. 最後に、デフォルトのポート8500のブラウザでコードをローカルに実行します。これでBigCommerce のデータが入力されたテーブルが作成されました！

なお、CData JDBC ドライバはcfqueryparam 要素を使用したパラメータ化クエリもサポートしています。 次に例を示します。 SELECT * FROM Account WHERE name =

今日からはじめましょう

CData JDBC Driver for BigCommerce の 30日間無償トライアル をダウンロードして、Adobe ColdFusion でBigCommerce と連携したアプリケーションの作成をはじめましょう！ご不明な点があれば、サポートチームにお問い合わせください。