Axios と CData Connect AI で SingleStore に接続した Web アプリを構築

Jerod Johnson
Senior Technology Evangelist

CData Connect AI を使用してライブSingleStore のデータに接続し、Axios で SingleStore に接続した Web アプリを構築します。

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

Axios から SingleStore に接続

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

Connect AI から SingleStore に接続

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

Connect AI にログインして「Sources」をクリック、次に「 Add Connection」をクリック

接続を追加パネルから「SingleStore」を選択

SingleStore に接続するために必要な認証プロパティを入力します。
データに接続するには、次の接続プロパティが必要です。
- Server：SingleStore データベースをホスティングしているサーバーのホスト名またはIP アドレス。
- Port：SingleStore データベースをホスティングしているサーバーのポート。
また、オプションで以下を設定することもできます。
- SingleStore：SingleStore Server に接続する場合のデフォルトデータベース。設定されていない場合、すべてのデータベースのテーブルが返されます。
標準認証

標準認証で認証するには、次を設定します。
- User：SingleStore サーバーに認証する際に使われるユーザー。
- Password：SingleStore サーバーに認証する際に使われるパスワード。
統合セキュリティを使用した接続

標準のユーザー名とパスワードを提供する代わりに、Windows 認証を介して信頼されたされたユーザーをサーバーに認証できます。
SSL 認証

SSL 認証を活用してセキュアなセッションを介してSingleStore データに接続できます。次の接続プロパティを設定し、データに接続します。
- SSLClientCert：クライアント証明書のための証明書ストア名に設定。クライアントとサーバーの両方のマシンでトラストストアとキーストアが保持される2-way SSL の場合に使用されます。
- SSLClientCertPassword：クライアント証明書ストアがパスワードで保護されている場合、この値をストアのパスワードに設定します。
- SSLClientCertSubject：TLS/SSL クライアント証明書のサブジェクト。ストア内の証明書を検索するために使用されます。
- SSLClientCertType：クライアントストアの証明書タイプ。
- SSLServerCert：サーバーが受け入れ可能な証明書。
SSH 認証

SSH を使用して、セキュアにリモートマシンにログインできます。SingleStore データにSSH 経由でアクセスするには、次の接続プロパティを設定します。
- SSHClientCert：クライアント証明書のための証明書ストア名に設定。
- SSHClientCertPassword：クライアント証明書ストアがパスワードで保護されている場合、この値をストアのパスワードに設定します。
- SSHClientCertSubject：TLS/SSL クライアント証明書のサブジェクト。ストア内の証明書を検索するために使用されます。
- SSHClientCertType：クライアントストアの証明書タイプ。
- SSHPassword：SSH サーバーに認証するためのパスワード。
- SSHPort：SSH 操作に使用するポート。
- SSHServer：認証しようとしているSSH 認証サーバー。
- SSHServerFingerPrint：接続先のホストの検証に使用するSSH サーバーのフィンガープリント。
- SSHUser：SSH サーバーに認証するためのユーザー名。
「Save & Test」をクリック
SingleStore 接続の追加ページで「Permissions」タブに移動し、ユーザーベースのアクセス許可を設定します。

Personal Access Token の作成

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

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

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

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

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

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

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

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

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

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

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.Orders"
      };

      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);
      });

ターミナルで以下のコマンドを実行してサーバーを起動します:

node server.js

クエリ結果が表示されます:

    { ID: 1, VALUE: -2 }
    { ID: 2, VALUE: 1 }
    { ID: 11, VALUE: null }
    { ID: 3, VALUE: 2 }
    { ID: 4, VALUE: 5 }
    ...

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

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

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

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

無料トライアルお問い合わせ

Axios と CData Connect AI で SingleStore に接続した Web アプリを構築

Axios から SingleStore に接続

Connect AI から SingleStore に接続

標準認証

統合セキュリティを使用した接続

SSL 認証

SSH 認証