製品をチェック

au PAY Market Data Provider の30日間無償トライアルをダウンロード

 30日間の無償トライアルへ

製品の詳細

au PAY Market アイコン au PAY Market ADO.NET Provider 相談したい

在庫、商品、受注などのau PAY マーケットデータに連携する.NET アプリケーションを迅速に作成して配布できます。

au PAY Market データをDevExpress Data Grid にデータバインドする。

au PAY Market 用の CData ADO.NET プロバイダーをDevExpress Windows Forms とWeb コントロールとともに使用し、au PAY Market をチャートに入力します。

加藤龍彦
デジタルマーケティング

最終更新日:2022-01-31
wowma ロゴ

CData

ado ロゴ画像
DevExpress ロゴ

こんにちは!ウェブ担当の加藤です。マーケ関連のデータ分析や整備もやっています。

au PAY Market 用の CData ADO.NET プロバイダーはサードパーティーコントロールで使うことのできる通常のADO.NET データベースアクセスコンポーネントを実装しています。データバインドするための通常のADO.NET プロセスに従うことで、UI コントロールから実データへの双方向アクセスを可能にします。 この記事では、CData を使ってDevExpress Windows Forms とウェブコントロールにデータバインドする方法を説明します。ここでは、最新のデータを表示するチャートにデータバインドします。

au PAY マーケットに接続するには、ShopId およびApiKey が必要です。

au PAY マーケットへのアクセスの設定

ShopId およびApiKey を取得するには、以下の手順に従ってください。

  • Wow! manager サイトにログインして、「各種お申し込み」メニューの「API利用申請」に移動します。
  • API利用規約に同意します。
  • 「APIキーの発行はこちら」をクリックします。
  • 「発行」ボタンをクリックして、API キーを生成します。
  • 「接続元IPアドレスを登録」に、対象とするIP アドレスを入力します。
  • 「登録」ボタンをクリックして、設定を保存します。

au PAY マーケットアカウントの認証

次の接続プロパティを設定して接続します。

  • ShopId:接続先のau PAY マーケットShop ID を設定。
  • ApiKey:API キーを設定。au PAY マーケットストアアカウントから取得したAPI キーです。
  • UseSandbox:Sandbox 環境に接続する場合はTrue を設定。

Windows Forms コントロール

下のコードでは、au PAY Market でDevExpress のチャートに追加する方法を説明します。auPAYMarketDataAdapter はチャートコントロールのSeries プロパティにバインドします。コントロールのDiagram プロパティはx 軸とy 軸をカラム名として定義します。

using (auPAYMarketConnection connection = new auPAYMarketConnection( "ApiKey=MyApiKey;ShopId=MyShopId")) { auPAYMarketDataAdapter dataAdapter = new auPAYMarketDataAdapter( "SELECT ItemCode, Price FROM Items", connection); DataTable table = new DataTable(); dataAdapter.Fill(table); DevExpress.XtraCharts.Series series = new DevExpress.XtraCharts.Series(); chartControl1.Series.Add(series); DataTable table = new DataTable(); series.ValueDataMembers.AddRange(new string[] { "Price" }); series.ArgumentScaleType = DevExpress.XtraCharts.ScaleType.Qualitative; series.ArgumentDataMember = "ItemCode"; series.ValueScaleType = DevExpress.XtraCharts.ScaleType.Numerical; chartControl1.Legend.Visibility = DevExpress.Utils.DefaultBoolean.False; ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true; } The complete code example and the resulting chart.

Web コントロール

下のコードではau PAY Market でDevExpress Web を操作するための設定方法を説明します。auPAYMarketDataAdapter はチャートのSeries プロパティにバインドします。Diagram プロパティはx 軸とy 軸をカラム名として定義します。 using DevExpress.XtraCharts; using (auPAYMarketConnection connection = new auPAYMarketConnection( "ApiKey=MyApiKey;ShopId=MyShopId")) { auPAYMarketDataAdapter auPAYMarketDataAdapter1 = new auPAYMarketDataAdapter("SELECT ItemCode, Price FROM Items", connection); DataTable table = new DataTable(); auPAYMarketDataAdapter1.Fill(table); DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar); WebChartControl1.Series.Add(series); DataTable table = new DataTable(); series.ValueDataMembers.AddRange(new string[] { "Price" }); series.ArgumentScaleType = ScaleType.Qualitative; series.ArgumentDataMember = "ItemCode"; series.ValueScaleType = ScaleType.Numerical; ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true; } An ASP.NET application created with the ADO.NET Provider and the DevExpress Web Forms control.(Salesforce is shown.)

関連コンテンツ

トライアル・お問い合わせ

30日間無償トライアルで、CData のリアルタイムデータ連携をフルにお試しいただけます。記事や製品についてのご質問があればお気軽にお問い合わせください。