AxiosとConnect AIでBitbucket に接続するWebアプリを構築

Jerod Johnson
Jerod Johnson
Director, Technology Evangelism
CData Connect AI を使用してBitbucketのリアルタイムデータに接続し、Axios で Bitbucket に接続した Web アプリを構築します。

Axios は開発者が Web ブラウザや Node.js からサーバーに HTTP リクエストを送信できる JavaScript ライブラリです。CData Connect AI と組み合わせることで、Web アプリからライブBitbucket のデータにアクセスできます。この記事では、Bitbucket に接続し、Axios でライブBitbucket のデータにアクセスできる Web アプリを構築する方法を説明します。

Axios から Bitbucket に接続

Axios で Bitbucket を操作するには、Connect AI から Bitbucket に接続し、ユーザーにアクセス権を提供し、Bitbucket のデータ 用のワークスペースを作成する必要があります。

Connect AI から Bitbucket に接続

CData Connect AI はシンプルなポイントアンドクリックインターフェースでデータソースに接続できます。

  1. Connect AI にログインして「Sources」をクリック、次に「 Add Connection」をクリック
    2. 接続の追加
  2. 接続を追加パネルから「Bitbucket」を選択
    3. データソースの選択
  3. Bitbucket に接続するために必要な認証プロパティを入力します。

    ほとんどのクエリでは、ワークスペースを設定する必要があります。唯一の例外は、Workspacesテーブルです。このテーブルはこのプロパティの設定を必要とせず、クエリを実行すると、Workspaceの設定に使用できるワークスペーススラッグのリストが提供されます。このテーブルにクエリを実行するには、スキーマを'Information'に設定し、SELECT * FROM Workspacesクエリを実行する必要があります。

    Schemaを'Information'に設定すると、一般的な情報が表示されます。Bitbucketに接続するには、以下のパラメータを設定してください。

    • Schema: ワークスペースのユーザー、リポジトリ、プロジェクトなどの一般的な情報を表示するには、これを'Information'に設定します。それ以外の場合は、クエリを実行するリポジトリまたはプロジェクトのスキーマに設定します。利用可能なスキーマの完全なセットを取得するには、sys_schemasテーブルにクエリを実行してください。
    • Workspace: Workspacesテーブルにクエリを実行する場合を除き、必須です。Workspacesテーブルへのクエリにはこのプロパティは必要ありません。そのクエリはWorkspaceの設定に使用できるワークスペーススラッグのリストのみを返すためです。

    Bitbucketでの認証

    BitbucketはOAuth認証のみをサポートしています。すべてのOAuthフローからこの認証を有効にするには、カスタムOAuthアプリケーションを作成し、AuthSchemeをOAuthに設定する必要があります。

    特定の認証ニーズ（デスクトップアプリケーション、Webアプリケーション、ヘッドレスマシン）に必要な接続プロパティについては、ヘルプドキュメントを必ず確認してください。

    カスタムOAuthアプリケーションの作成

    Bitbucketアカウントから、以下のステップを実行します。

    1. 設定（歯車アイコン）に移動し、ワークスペース設定を選択します。
    2. アプリと機能セクションで、OAuthコンシューマーを選択します。
    3. コンシューマーを追加をクリックします。
    4. カスタムアプリケーションの名前と説明を入力します。
    5. コールバックURLを設定します。
      • デスクトップアプリケーションとヘッドレスマシンの場合、http://localhost:33333または任意のポート番号を使用します。ここで設定するURIがCallbackURLプロパティになります。
      • Webアプリケーションの場合、信頼できるリダイレクトURLにコールバックURLを設定します。このURLは、ユーザーがアプリケーションにアクセスが許可されたことを確認するトークンを持って戻るWebの場所です。
    6. クライアント認証情報を使用して認証する予定の場合、これはプライベートコンシューマーですを選択する必要があります。ドライバーでは、AuthSchemeをclientに設定する必要があります。
    7. OAuthアプリケーションに与える権限を選択します。これにより、読み取りおよび書き込みできるデータが決まります。
    8. 新しいカスタムアプリケーションを保存するには、保存をクリックします。
    9. アプリケーションが保存された後、それを選択して設定を表示できます。アプリケーションのKeyとSecretが表示されます。これらを将来の使用のために記録してください。Keyを使用してOAuthClientIdを設定し、Secretを使用してOAuthClientSecretを設定します。
    接続の設定（Salesforce の例）
  4. 「Save & Test」をクリック
  5. Bitbucket 接続の追加ページで「Permissions」タブに移動し、ユーザーベースのアクセス許可を設定します。 アクセス許可の更新

Personal Access Token の作成

REST API、OData API、または Virtual SQL Server を介して Connect AI に接続する場合、Personal Access Token（PAT）を使用して Connect AI への接続を認証します。アクセスの粒度を維持するために、サービスごとに個別の PAT を作成することをお勧めします。

  1. Connect AI アプリの右上にある歯車アイコン（）をクリックして設定ページを開きます。
  2. 設定ページで「Access Tokens」セクションに移動し、「 Create PAT」をクリックします。
  3. PAT に名前を付けて「Create」をクリックします。 新しい PAT の作成
  4. Personal Access Token は作成時にのみ表示されるため、必ずコピーして安全な場所に保存してください。

Axios 用に Bitbucket エンドポイントを設定

Bitbucket に接続したら、目的のテーブル用のワークスペースを作成します。

  1. 「Workspaces」ページに移動し、「 Add」をクリックして新しいワークスペースを作成します（または既存のワークスペースを選択）。 ワークスペースページ 新しいワークスペースの追加
  2. 「 Add」をクリックしてワークスペースに新しいアセットを追加します。
  3. Bitbucket 接続（例: Bitbucket1）を選択して「Next」をクリックします。 アセットの選択（Salesforce の例）
  4. 操作するテーブルを選択して「Confirm」をクリックします。 テーブルの選択（Salesforce の例）
  5. ワークスペースの OData サービス URL をメモしておきます（例: https://cloud.cdata.com/api/odata/{workspace_name}）。

接続、PAT、ワークスペースが設定できたので、Axios からBitbucket のデータに接続する準備が整いました。

Axios ワークフローで Bitbucket のデータに接続

OData プロトコルを使用して Axios から CData Connect AI への接続を確立するには、以下のステップに従います。

  1. Web アプリ用のプロジェクトディレクトリを作成します（例: ~/connect_cloud/）
  2. ターミナルを開き、プロジェクトディレクトリに移動して以下のコマンドで node プロジェクトを初期化します: 
    npm init -y
  3. 以下のコマンドでプロジェクトに Axios 依存関係をインストールします: 
    npm install axios

  4. プロジェクトディレクトリに以下のコードを含む server.js ファイルを作成します。CData Connect AI のユーザー名（例: [email protected]）と PAT（前提条件で作成した PAT）を指定します。また、SELECT * FROM Bitbucket1.SCHEMA.Issues のようなデータクエリも指定する必要があります。

    server.js コード

    
      const axios = require('axios')

      const user = '[email protected]'
      const pat = '***********************************';

      //API エンドポイント
      const url = 'https://cloud.cdata.com/api/odata/{workspace_name}';

      //POST リクエストで送信するデータ
      const data = {
      "query":"SELECT * FROM {workspace_name}.SCHEMA.Issues"
      };

      axios.post(url, data, {
      auth: {
      username: user,
      password: pat
      }
      })
      .then(response => {
      const rows = response.data.results[0].rows;
      const schema = response.data.results[0].schema;

      //カラム名の配列を作成
      const columnNames = schema.map(col => col.columnName);

      //各行をループして、カラム名と値をログ出力
      rows.forEach(row => {
      const rowObject = {};
      row.forEach((value, index) => {
      const columnName = columnNames[index];
      rowObject[columnName] = value;
      });
      console.log(rowObject);
      })
      })
      .catch(error => {
      console.error('Error:', error);
      });
  5. ターミナルで以下のコマンドを実行してサーバーを起動します: 
    node server.js
    クエリ結果が表示されます: 
    
    { ID: 1, VALUE: -2 }
    { ID: 2, VALUE: 1 }
    { ID: 11, VALUE: null }
    { ID: 3, VALUE: 2 }
    { ID: 4, VALUE: 5 }
    ...

クラウドアプリケーションから Bitbucket のデータへの簡易アクセス

これで、Axios からライブBitbucket のデータへの直接接続が確立されました。Axios のようなクラウドアプリケーションから 100 以上の SaaS、ビッグデータ、NoSQL ソースへの簡易アクセスについての詳細は、Connect AI ページを参照してください。

はじめる準備はできましたか？

CData Connect AI の詳細、または無料トライアルにお申し込みください：

無料トライアル

この記事の内容

関連記事