> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sync.cdata.com/llms.txt
> Use this file to discover all available pages before exploring further.

# GraphQL

export const CommonAuthSchemeAwscognitobasic = () => {
  return <>
      <p>Amazon Web Services (AWS) Cognito 認証情報で接続するには、次のプロパティを指定します：</p>
      <ul>
        <li><strong>Auth Scheme：</strong><strong>AwsCognitoBasic</strong> を選択。</li>
        <li><strong>User：</strong>ユーザープールに登録されているユーザーのユーザー名を入力。</li>
        <li><strong>Password：</strong>ユーザープールに登録されているユーザーのパスワードを入力。</li>
        <li><strong>AWS Cognito Region：</strong>Amazon Web Services (AWS) ユーザープールのリージョンを選択。デフォルトのリージョンは<strong>NORTHERNVIRGINIA</strong> です。</li>
        <li><strong>AWS User Pool Id：</strong>AWS ユーザープールの識別子（Id）を入力。</li>
        <li><strong>AWS User Pool Client App Id：</strong>AWS ユーザープールのクライアントアプリケーションId を入力。</li>
        <li>（オプション）<strong>AWS User Pool Client App Secret：</strong>ユーザープールクライアントのシークレットを入力。</li>
      </ul>
    </>;
};

export const CommonAuthSchemeAwscognitosrp = () => {
  return <>
      <p>Amazon Web Services (AWS) Cognito 認証情報で接続するには、次のプロパティを指定します：</p>
      <ul>
        <li><strong>Auth Scheme：</strong><strong>AwsCognitoSrp</strong> を選択。</li>
        <li><strong>User：</strong>ユーザープールに登録されているユーザーのユーザー名を入力。</li>
        <li><strong>Password：</strong>ユーザープールに登録されているユーザーのパスワードを入力。</li>
        <li><strong>AWS Cognito Region：</strong>Amazon Web Services (AWS) Cognito のホスティングリージョンを選択。デフォルトのリージョンは<strong>NORTHERNVIRGINIA</strong> です。</li>
        <li><strong>AWS User Pool Id：</strong>AWS ユーザープールの識別子（Id）を入力。</li>
        <li><strong>AWS User Pool Client App Id：</strong>AWS ユーザープールのクライアントアプリケーションId を入力。</li>
        <li>（オプション）<strong>AWS User Pool Client App Secret：</strong>ユーザープールクライアントのシークレットを入力。</li>
        <li><strong>AWS Region：</strong>Amazon Web Services のホスティングリージョンを選択。デフォルトのリージョンは<strong>NORTHERNVIRGINIA</strong> です。</li>
      </ul>
    </>;
};

export const CommonAuthSchemeBasic = ({siteName = "CData Sync", siteNameShort = "Sync", datasource = "the data source"}) => {
  return <>
      <p>ユーザー資格情報で接続するには、次のプロパティを設定します：</p>
      <ul>
        <li><strong>Auth Scheme：</strong><strong>Basic</strong> を選択。</li>
        <li><strong>User：</strong>{datasource} アカウントへの認証に使用するユーザー名を入力。</li>
        <li><strong>Password：</strong>{datasource} アカウントへの認証に使用するパスワードを入力。</li>
      </ul>
    </>;
};

export const CommonAuthSchemeNone = ({siteName = "CData Sync", siteNameShort = "Sync", datasource = "the data source"}) => {
  return <>
      <p>認証なしで接続するには、<strong>Auth Scheme</strong> で<strong>None</strong> を選択します。追加のプロパティは必要ありません。</p>
    </>;
};

export const CommonDatasourceMoreInformation = ({datasource = "the data source", advancedurl = "", siteName = "CData Sync", driverVersion = ""}) => {
  return <>
      <p>
        {siteName} と{datasource} の連携について、詳しくは{' '}
        <a href={`https://cdn.cdata.com/help/${advancedurl}${driverVersion}/jp/synch/default.htm`}>
          {datasource} Connector for {siteName}
        </a> を参照してください。
      </p>
    </>;
};

export const CommonDatasourceAddConnector = ({datasource = "the data source", title = "the connector", destination = false, siteNameShort = "Sync"}) => {
  return <>
      <p>
        {siteNameShort} で{datasource} のデータを使用できるようにするには、まず以下の手順でコネクタを追加する必要があります：
      </p>
      <ol>
        <li>{siteNameShort} のダッシュボードから<strong>接続</strong>ページを開きます。</li>
        <li><strong>接続を追加</strong>をクリックして<strong>コネクタを選択</strong>ページを開きます。</li>
        <li>
          <strong>{destination ? "同期先" : "データソース"}</strong>タブをクリックして
          <strong>{title}</strong> 行に移動します。
        </li>
        <li>
          行末にある<strong>接続を設定</strong>アイコンをクリックして、<strong>新しい接続</strong>ページを開きます。この操作により、{' '}
          <strong>接続を追加</strong>ダイアログボックスが開きます。
          <br />
          <strong>Note：</strong> <strong>接続を設定</strong>アイコンが表示されない場合は、<strong>コネクタをダウンロード</strong>アイコンをクリックして {title} コネクタをインストールしてください。
        </li>
        <li><strong>接続を追加</strong>ダイアログボックスに接続名を入力します。</li>
        <li><strong>追加</strong>をクリックして、コネクタの<strong>設定</strong>タブを開きます。</li>
      </ol>
      <p>
        新しいコネクタのインストールについての詳細は、{' '}
        <a href="../connections">接続</a>を参照してください。
      </p>
    </>;
};

export const CommonDatasourceIntroSource = ({datasource = "the data source", siteName = "CData Sync"}) => {
  return <p>
      {siteName} アプリケーションから{datasource} コネクタを使用して、{datasource} からデータを取得してサポートされている任意の同期先に移動できます。これを行うには、コネクタを追加し、コネクタへの認証を行い、接続を完了する必要があります。
    </p>;
};

export const driverVersion = "M";

export const siteNameShort = "Sync";

export const siteName = "CData Sync";

export const datasource = "GraphQL";
export const pageTitle = "GraphQL";
export const advancedurl = "LA";
export const oauthschemes = "OAuth and OAuthPKCE";

<CommonDatasourceIntroSource datasource={datasource} siteName={siteName} />

## GraphQL コネクタを追加

<CommonDatasourceAddConnector datasource={datasource} title={pageTitle} destination={false} siteNameShort={siteNameShort} />

## GraphQL への認証

After you add the connector, you need to set the required properties.

**URL:** Enter the URL for your GraphQL service.

{siteName} supports authenticating to {datasource} in several ways. Select your authentication method below to proceed to the relevant section that contains the authentication details.

* [**None**](#none)
* [**Basic**](#basic)
* [**OAuth**](#oauth) (default)
* [**OAuth PKCE**](#oauth-pkce)
* [**Aws Cognito Secure Remote Password**](#aws-cognito-secure-remote-password)
* [**Aws Cognito Basic**](#aws-cognito-basic)

### None

<CommonAuthSchemeNone siteName={siteName} siteNameShort={siteNameShort} datasource={datasource} />

### Basic

<CommonAuthSchemeBasic siteName={siteName} siteNameShort={siteNameShort} datasource={datasource} />

### OAuth

To connect with OAuth custom credentials, specify the following properties:

* **Auth Scheme:** Select **OAuth**.
* **OAuth Version:** Select the OAuth version that you want to use. The versions are **Disabled** (default), **1.0**, and **2.0**.
* **OAuth Client Id:** Enter the client Id that you were assigned when you registered your application with an OAuth authorization server.
* **OAuth Client Secret:** Enter the client secret that you were assigned when you registered your application with an OAuth authorization server.
* **OAuth Authorization URL:** Enter the OAuth authorization URL that you need to authorize request tokens when you sign in.
* **OAuth Access Token URL:** Enter the URL from which the request for the access token is made.
* **OAuth Refresh Token URL:**  Enter the URL from which the refresh token is exchanged for a new access token when the old one expires. Note that for your data source, this URL might be the same as the access-token URL.
* (Optional) **OAuth Request Token URL:** Enter the URL from which the application requests the request token.

### OAuth PKCE

To connect with the OAuth PKCE extension, set the following properties:

* **Auth Scheme:** Select **OAuthPKCE**.
* **OAuth Client Id:** Enter the client Id that you were assigned when you registered your application with an OAuth authorization server.
* **OAuth Authorization URL:** Enter the OAuth authorization URL that you need to authorize request tokens when you sign in.
* **OAuth Access Token URL:** Enter the URL where the request for the access token is made.
* **OAuth Refresh Token URL:** Enter the URL where the refresh token is exchanged for a new access token when the old one expires. Note that for your data source, this URL might be the same as the access-token URL.

### AWS Cognito Secure Remote Password

<CommonAuthSchemeAwscognitosrp siteName={siteName} siteNameShort={siteNameShort} datasource={datasource} />

### AWS Cognito Basic

<CommonAuthSchemeAwscognitobasic siteName={siteName} siteNameShort={siteNameShort} datasource={datasource} />

## 接続を完了する

To complete your connection:

1. Define advanced connection settings on the **Advanced** tab. (In most cases, though, you should not need these settings.)
2. {oauthschemes ? `If you authenticate with ${oauthschemes}, click` : "Click"} **Connect to {datasource}** to connect to your {pageTitle} account.
3. Click **Create & Test** to create your connection.

## 詳細について

<CommonDatasourceMoreInformation datasource={datasource} advancedurl={advancedurl} siteName={siteName} driverVersion={driverVersion} />