> ## 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.

# Shopify

export const CommonAuthSchemeOauthCustom = ({siteName = "CData Sync", siteNameShort = "Sync", datasource = "the data source"}) => {
  return <>
      <p>OAuth カスタムクレデンシャルで接続するには、次のプロパティを指定します：</p>
      <ul>
        <li><strong>Auth Scheme：</strong><strong>OAuth</strong> を選択。</li>
        <li><strong>OAuth Client Id：</strong>OAuth 認証サーバーにアプリケーションを登録した際に割り当てられたクライアントId を入力。</li>
        <li><strong>OAuth Client Secret：</strong>OAuth 認証サーバーにアプリケーションを登録した際に割り当てられたクライアントシークレットを入力。</li>
      </ul>
    </>;
};

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 = "Shopify";
export const pageTitle = "Shopify";
export const advancedurl = "FO";
export const oauthschemes = "OAuth";

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

## Shopify コネクタを追加

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

## Shopify への認証

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

**Shop URL:** Enter the URL to your Shopify shop.

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

* [**OAuth**](#oauth) (default)
* [**Access Token**](#access-token)

### OAuth

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

### Access Token

To connect with an access token, specify the following properties:

* **Auth Scheme:** Select **AccessToken**.
* **Access Token:** Specify your {datasource} access token. To obtain a token, follow these steps:
  1. Log in to your {datasource} site from the admin page and select **Apps > Apps and sales channels**.
  2. Click **Develop apps** and select **Create an app**.
  3. On the **Overview** tab, click **Configure Admin API scopes** and select the access permissions for the store that you want to grant to your application. The following permissions are required in order for the {siteNameShort} connector to use all the tables and views:
     * read\_assigned\_fulfillment\_orders, write\_assigned\_fulfillment\_orders
     * read\_content, write\_content
     * read\_customers, write\_customers
     * read\_draft\_orders, write\_draft\_orders
     * read\_fulfillments, write\_fulfillments
     * read\_gift\_cards, write\_gift\_cards
     * read\_inventory, write\_inventory
     * read\_marketing\_events, write\_marketing\_events
     * read\_orders, write\_orders
     * read\_price\_rules, write\_price\_rules
     * read\_product\_listings, write\_product\_listings
     * read\_products, write\_products
     * read\_reports, write\_reports
     * read\_script\_tags, write\_script\_tags
     * read\_shopify\_payments\_payouts
     * read\_themes, write\_themes
     * read\_markets
     * read\_shopify\_payments\_accounts
     * read\_publications
     * unauthenticated\_read\_content (Storefront API)
  4. Click **Save**.
  5. Select **API Credentials**.
  6. Under **Access tokens**, click **Install app**. This action creates your access token.
  7. Copy the access token that is displayed under **Admin API Access token** and paste it in the **Access Token** field in {siteNameShort}.

     <Note>The token can be revealed and copied only once.</Note>

## 接続を完了する

To complete your connection:

1. For **Schema**, select the {datasource} server version to which you want to connect. The default server version is **GRAPHQL-20204-07**.
2. Define advanced connection settings on the **Advanced** tab. (In most cases, though, you should not need these settings.)
3. {oauthschemes ? `If you authenticate with ${oauthschemes}, click` : "Click"} **Connect to {datasource}** to connect to your {pageTitle} account.
4. Click **Create & Test** to create your connection.

## 詳細について

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