ノーコードでクラウド上のデータとの連携を実現。
詳細はこちら →Asana Data Provider の30日間無償トライアルをダウンロード
30日間の無償トライアルへ
CData
こんにちは！ウェブ担当の加藤です。マーケ関連のデータ分析や整備もやっています。
データバインドによって、UI コントロールからデータに接続できます。 CData ADO.NET Provider for Asana を使って、Visual Studio 上でWindows Forms およびWeb Forms とAsana をデータバインドできます。この記事で、Asana を、ウィザードから変更をリアルタイムで反映するチャートにデータバインドする方法を説明します。 Code Walk-through セクションではチャートはほんの10行のコードで作成します。
データバインドは３つのステップから構成されます。コントロールのインスタンス作成、データソースの設定、最後にデータバインドです。
下の手続きにより、データソース構成ウィザードを使ってチャートコントロールとAsana との接続を作成します。ウィザード上でデータバインドをするAsana エンティティを使います。
データ接続の選択ダイアログで、「変更」をクリックして、CData Asana データソースを選択して、接続プロパティを入力します。下は代表的な接続文字列ですです。:
OAuthClientId=YourClientId;OAuthClientSecret=YourClientSecret;CallbackURL='http://localhost:33333';
Asana への接続は以下のように行います。
Asana への認証にはOAuth 認証が使われます。OAuth はAsana のブラウザで認証ユーザーを認証する処理が必要です。OAuth の詳細については、ヘルプドキュメントの「はじめに」を参照してください。
データソースの追加とデータベースオブジェクトを選択したら、チャートにオブジェクトをバインドします。この例では、X軸に Id をY軸に WorkspaceId を設定します。
チャートはこれでAsana にデータバインドされました。チャートを実行して最新のデータを表示させましょう。
Asana へのデータバインドはほんの数行のコードのみが必要で、３つの簡単なステップで完了できます。
下に完全なコードを示します:
AsanaConnection conn = new AsanaConnection("OAuthClientId=YourClientId;OAuthClientSecret=YourClientSecret;CallbackURL='http://localhost:33333';");
AsanaCommand comm = new AsanaCommand("SELECT Id, WorkspaceId FROM projects WHERE Archived = 'true'", conn);
AsanaDataAdapter da = new AsanaDataAdapter(comm);
DataSet dataset = new DataSet();
da.Fill(dataset);
chart1.DataSource = dataset;
chart1.Series[0].XValueMember = "Id";
chart1.Series[0].YValueMembers = "WorkspaceId";
// Insert code for additional chart formatting here.
chart1.DataBind();