各製品の資料を入手。
詳細はこちら →
Blazor でBusiness b-ridge のデータにリアルタイムで連携するアプリを構築
ASP.NET Core Blazor C# でBusiness b-ridge にSQL でクエリ。
最終更新日：2021-11-03
この記事で実現できるBusiness b-ridge 連携のシナリオ
こんにちは！リードエンジニアの杉本です。
Blazor は、.NET を使って対話型のクライアント側Web UI を構築するためのフレームワークです。JavaScript の代わりにC# を使って、UI を作れるところが魅力です。また、既存の.NET ライブラリや.NET エコシステムを使うことができる利点があります。
CData ADO.NET Provider for BusinessBridge は、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 BusinessBridge のインストール
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 BusinessBridge を接続
- 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 BusinessBridge の強味です。
@page "/"
@using System.Data;
@using System.Data.CData.BusinessBridge;
<h1>Hello, world!</h1>
Welcome to your Data app.
<div class="row">
<div class="col-12">
@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);
<table class="table table-bordered">
<thead class="thead-light">
<tr>
@foreach (DataColumn item in results.Rows[0].Table.Columns)
{
<th scope="col">@item.ColumnName</th>
}
</tr>
</thead>
<tbody>
@foreach (DataRow row in results.Rows)
{
<tr>
@foreach (var column in row.ItemArray)
{
<td>@column.ToString()</td>
}
</tr>
}
</tbody>
</table>
}
</div>
</div>
Business b-ridge 接続プロパティの取得・設定方法
B b-ridge への接続には、Company Key、Project Key、Subscription Key が必要となります。それぞれWeb API 利用申請時に取得できます。取得したKey を接続プロパティに設定して接続します。
- CompanyKey：Business b-ridge のCompany Key に設定。
- ProjectKey：Business b-ridge のProject Key に設定。
- SubscriptionKey：控えておいたSubscription Key に設定。
プロジェクトをリビルドして実行します。このようにBusiness b-ridge からデータを直接取得し、HTML テーブル形式にレンダリングしています。
もちろんSaaS データソースへの接続の場合には、RDB 向けのドライバーと違い最終的にはHTTP リクエストが行われるので、サーバーサイド Blazor としてサーバーサイドから実行されるのか、クライアントサイド Blazor として、実行中のブラウザからHTTPリクエストが行われるのかの違いはあります。そのあたりはネットワークやプロキシの設定として注意が必要でしょう。設定はコード内の接続プロパティで可能です。
まとめ
このようにサーバーサイドBlazor アプリから簡単にADO.NET Provider を使ってBusiness b-ridge にリアルタイムでデータ取得を行うアプリを作ることができました。Blazor が.NET Core、フレームワークのツール群を使えるというメリットを活かすことができます。今回はSELECT * でしたが、フィルタリングやJOIN も可能です。是非、30日の無償評価版でシンプルかつパワフルなADO.NET Provider でのサーバーサイドBlazor 連携をお試しください。関連コンテンツ
