Node.js からClickUp のデータをクエリ
CData API Server とADO.NET Provider for API(もしくは250+ の他のADO.NET Providers)を使って、ClickUp をOData エンドポイントして公開し、Node.js からシンプルなHTTP リクエストでクエリを実現します。本記事ではAPI Server を使ってJSON でフォーマットされたClickUp のデータをNode.js でリクエストする方法を説明します。
API Server の設定
以下のリンクからAPI Server の無償トライアルをスタートしたら、セキュアなClickUp OData サービスを作成していきましょう。
ClickUp への接続
NodeJS からClickUp のデータを操作するには、まずClickUp への接続を作成・設定します。
- API Server にログインして、「Connections」をクリック、さらに「接続を追加」をクリックします。
- 「接続を追加」をクリックして、データソースがAPI Server に事前にインストールされている場合は、一覧から「ClickUp」を選択します。
- 事前にインストールされていない場合は、コネクタを追加していきます。コネクタ追加の手順は以下の記事にまとめてありますので、ご確認ください。
CData コネクタの追加方法はこちら >> - それでは、ClickUp への接続設定を行っていきましょう！
-
まず、Profile 接続プロパティをディスク上のClickUp プロファイルの場所に設定します（例：C:\profiles\ClickUp.apip）。次に、ProfileSettings 接続プロパティをClickUp の接続文字列に設定します（以下を参照）。
ClickUp API プロファイル設定
ClickUp に認証するには、API キーを提供する必要があります。このトークンは、ユーザー設定のApps セクションで確認できます。ページ上部にパーソナルトークンを生成するオプションがあります。ProfileSettings プロパティにAPI Key をパーソナルトークンに設定して接続します。
- 接続情報の入力が完了したら、「保存およびテスト」をクリックします。
まず、Profile 接続プロパティをディスク上のClickUp プロファイルの場所に設定します（例：C:\profiles\ClickUp.apip）。次に、ProfileSettings 接続プロパティをClickUp の接続文字列に設定します（以下を参照）。
ClickUp API プロファイル設定
ClickUp に認証するには、API キーを提供する必要があります。このトークンは、ユーザー設定のApps セクションで確認できます。ページ上部にパーソナルトークンを生成するオプションがあります。ProfileSettings プロパティにAPI Key をパーソナルトークンに設定して接続します。
API Server のユーザー設定
次に、API Server 経由でClickUp にアクセスするユーザーを作成します。「Users」ページでユーザーを追加・設定できます。やってみましょう。
- 「Users」ページで ユーザーを追加をクリックすると、「ユーザーを追加」ポップアップが開きます。
-
次に、「ロール」、「ユーザー名」、「権限」プロパティを設定し、「ユーザーを追加」をクリックします。
-
その後、ユーザーの認証トークンが生成されます。各ユーザーの認証トークンとその他の情報は「Users」ページで確認できます。
ClickUp 用のAPI エンドポイントの作成
ユーザーを作成したら、ClickUp のデータ用のAPI エンドポイントを作成していきます。
-
まず、「API」ページに移動し、
「 テーブルを追加」をクリックします。
-
アクセスしたい接続を選択し、次へをクリックします。
-
接続を選択した状態で、各テーブルを選択して確認をクリックすることでエンドポイントを作成します。
OData のエンドポイントを取得
以上でClickUp への接続を設定してユーザーを作成し、API Server でClickUp データのAPI を追加しました。これで、OData 形式のClickUp データをREST API で利用できます。API Server の「API」ページから、API のエンドポイントを表示およびコピーできます。
Node.js からClickUp OData フィードを利用
OData フィードはNode.js で簡単に使用できます。Node.js のHTTP クライアントを使用して、API Server のOData エンドポイントからJSON 形式のデータをリクエストしていきましょう。リクエストを行った後、レスポンスの本文を作成し、JSON.parse() 関数を呼び出してレコードに解析できます。
以下のコードはTasks データに対して認証されたリクエストを行います。 以下のURL の例では、Priority カラムの値がHigh のレコードを検索する単純なフィルターを適用しています。
var http = require('http');
http.get({
protocol: "http:",
hostname:"MyServer.com",
port:MyPort,
path: "/api.rsc/Tasks?$filter=" + encodeURIComponent("Priority eq 'High'"),
auth:'MyUser:MyAuthtoken'
},
function(res) {
var body = '';
res.on('data', function(chunk) {
body += chunk;
});
res.on('end', function() {
console.log(body);
var jsonData = JSON.parse(body);
});
}).on('error', function(e) {
console.log("Error: ", e);
});