Blazor は、.NET を使って対話型のクライアント側Web UI を構築するためのフレームワークです。JavaScript の代わりにC# を使って、UI を作れるところが魅力です。また、既存の.NET ライブラリや.NET エコシステムを使うことができる利点があります。

CData ADO.NET Provider for Business b-ridge は、LINQ やEntity Framework などの標準のADO.NET インターフェースを使ってBusiness b-ridge を操作可能にします。Blazor が.NET Core 対応をしているため、Server Side Blazor からADO.NET Provider を使うことができます。この記事では、Server Side Blazor からBusiness b-ridge に接続して直接SQL クエリを実行する方法を説明します。

CData ADO.NET Provider for Business b-ridge のインストール

CData ADO.NET Provider は、通常であればRDB に接続するフレームワークである ADO.NET DataAdapter やLinqToSQL（もしくはDapper などのORM を挟んでもいいです）であり、Business b-ridge のデータへもRDB と同感覚でアクセスが可能になります。

CData のWebsite からProvider をダウンロードして、マシンにインストールします。NuGet からインストールすることも可能です。Business b-ridge ADO.NET Data Provider で検索してください。

Blazor でBusiness b-ridge にデータ連携するアプリを構築

Blazor にADO.NET Provider for Business b-ridge を接続

• Visual Studio を立ち上げて、Blazor アプリのプロジェクトを作成します。
• ソリューションエクスプローラーで「依存関係」から右クリックで「プロジェクト参照の追加」をクリック。
• 参照マネージャーが開くので、「参照」ボタンをクリックして、先ほどインストールしたADO.NET Provider の.dll を選択します。「C:\Program Files\CData\CData ADO.NET Provider for BusinessBridge 2019J\lib etstandard2.0」内のSystem.Data.CData.BusinessBridge.dll」を参照に選びます。

Blazor でBusiness b-ridge データをSELECT

サンプルプロジェクトの「Page」→「Index.razor」を開きます。

以下のコードを書きます。使っているクエリはおなじみの標準SQL です。Business b-ridge 固有のAPI を書かなくてもRDB と同感覚でSQL が書けるところがADO.NET Prover for Business b-ridge の強味です。

    
      @page "/"
      @using System.Data;
      @using System.Data.CData.BusinessBridge;
      
      
Hello, world!
      
      Welcome to your Data app.
      
      

          

      
              @using (BusinessBridgeConnection connection = new BusinessBridgeConnection(
                ""))
              {
                  var sql = "SELECT ItemId, StructureId FROM CDATA WHERE ItemTypeId = '1'";
                  var results = new DataTable();
      
                  BusinessBridgeDataAdapter dataAdapter = new BusinessBridgeDataAdapter(sql, connection);
                  dataAdapter.Fill(results);
      
                  
                              @foreach (DataColumn item in results.Rows[0].Table.Columns)
                              {
                                  
                              }
                          
                          @foreach (DataRow row in results.Rows)
                          {
                              
                                  @foreach (var column in row.ItemArray)
                                  {
                                      
                                  }
                              
                          }
                      

                      

                          
@item.ColumnName
                      
                      
@column.ToString()
                  
              }
          
      
      
    
  

When connecting to Business b-ridge, CompanyKey, ProjectKey, and SubscriptionKey are required.

To obtain the SubscriptionKey, follow the steps below:

• Log in to Business b-ridge API Protal and go to "Profile" in the "Your name" menu.
• In your subscription section click "Main Key" to retrieve their respective values.

Authenticate to Business b-ridge Account

Set the following connection properties to connect:

• CompanyKey: Set the Business b-ridge Company Key of the connection destination.
• ProjectKey: Set the Business b-ridge Project Key of the connection destination.
• SubscriptionKey: Set the value "Subscription Key".

プロジェクトをリビルドして実行します。このようにBusiness b-ridge からデータを直接取得し、HTML テーブル形式にレンダリングしています。

もちろんSaaS データソースへの接続の場合には、RDB 向けのドライバーと違い最終的にはHTTP リクエストが行われるので、サーバーサイド Blazor としてサーバーサイドから実行されるのか、クライアントサイド Blazor として、実行中のブラウザからHTTPリクエストが行われるのかの違いはあります。そのあたりはネットワークやプロキシの設定として注意が必要でしょう。設定はコード内の接続プロパティで可能です。

まとめ