---
schema_version: "1"
id: f7711d74f1bf90fff2bf288bac24ed51a35c6f47fb9ca7402c215cf1b5fbce6f
title: Anypoint Studio を使用した Salesforce Commerce Cloud B2C Data Connector の設定
collection: mulesoft
version: current
locale: ja-jp
portal_url: https://docs.salesforce.com/mulesoft/current/ja-jp/commerce-cloud-b2c-data-connector/latest/commerce-cloud-b2c-data-connector-studio.md
canonical_url: https://docs.mulesoft.com/jp/commerce-cloud-b2c-data-connector/latest/commerce-cloud-b2c-data-connector-studio
source_site: docs.mulesoft.com
content_type: documentation
content_hash: da622f54d912670bc431989987cb6ff69f9fdb636fa2d5e5ca889467c3237cdc
description: MuleSoft Documentation Site
release: "1.0"
latest: true
---
# Anypoint Studio を使用した Salesforce Commerce Cloud B2C Data Connector の設定

Anypoint Studio (Studio) エディターは、Mule アプリケーション、プロパティ、および設定ファイルの設計と更新に役立ちます。

Studio でコネクタを追加および設定する手順は、次のとおりです。

1. [Mule プロジェクトを作成します](#create-mule-project)​。
2. [コネクタを Mule プロジェクトに追加します](#add-connector-to-project)​。
3. [コネクタのフローのソースを設定します](#configure-input-source)​。
4. [フローにコネクタの操作を追加します](#add-connector-operation)​。
5. [コネクタのグローバル要素を設定します](#configure-global-element)​。

[「アプリケーションログの表示」](#view-app-log)​で説明されているように、コネクタを実行するときに、アプリケーションログを表示して問題を確認できます。

Studio で初めてコネクタを設定する場合は、​[「Anypoint Studio を使用したコネクタの設定」](https://docs.mulesoft.com/connectors/introduction/intro-config-use-studio)​を参照してください。このトピックを参照した後、コネクタ項目についての詳細情報が必要な場合は、​[「B2C Data Connector リファレンス」](https://docs.mulesoft.com/jp/commerce-cloud-b2c-data-connector/latest/commerce-cloud-b2c-data-connector-reference)​を参照してください。

## [](#create-mule-project)Mule プロジェクトを作成する

Studio で、コネクタを追加および設定する新しい Mule プロジェクトを作成します。

1. Studio で、​**\[File (ファイル)\] > \[New (新規)\] > \[Mule Project (Mule プロジェクト)\]**​ を選択します。
2. Mule プロジェクトの名前を入力して、​**\[Finish (完了)\]**​ をクリックします。

## [](#add-connector-to-project)コネクタを Mule プロジェクトに追加する

<コネクタ名> を Mule プロジェクトに追加すると、コネクタの名前空間およびスキーマの場所が XML コードに自動的に入力され、必要な連動関係がプロジェクトの ​`pom.xml`​ ファイルに追加されます。

1. **\[Mule Palette (Mule パレット)\]**​ ビューで、​**\[(X) Search in Exchange ((X) Exchange 内を検索)\]**​ をクリックします。
2. **\[Add Dependencies to Project (連動関係をプロジェクトに追加)\]**​ ウィンドウで、検索項目に「​`commerce cloud b2c`​」と入力します。
3. **\[Available modules (使用可能なモジュール)\]**​ で ​**\[Commerce Cloud B2C Data Connector\]**​ をクリックします。
4. **\[Add (追加)\]**​ をクリックします。
5. **\[Finish (完了)\]**​ をクリックします。

Studio でコネクタを Mule プロジェクトに追加しても、Studio ワークスペースの他のプロジェクトはそのコネクタを使用できません。

## [](#configure-input-source)ソースの設定

ソースは、指定された条件が満たされたときにフローを開始します。 次の入力元のいずれかを B2C Data Connector で使用するように設定できます。

- **\[HTTP\] > \[Listener\]**​  
    設定されたホストとポートで要求を受信するたびにフローを開始する
- **Scheduler**​  
    時間ベースの条件が満たされたときにフローを開始する

たとえば、HTTP リスナーを設定する手順は、次のとおりです。

1. **\[Mule Palette (Mule パレット)\]**​ ビューで、​**\[HTTP\] > \[Listener\]**​ を選択します。
2. **\[Listener\]**​ を Studio キャンバスにドラッグします。
3. **\[Listener (リスナー)\]**​ 設定画面で、必要に応じて ​**\[Display Name (表示名)\]**​ 項目の値を変更します。
4. **\[Path (パス)\]**​ 項目の値を指定します。
5. **\[Connector configuration (コネクタ設定)\]**​ 項目の横にあるプラス記号 (​**+**​) をクリックして、アプリケーション内の HTTP リスナーのすべてのインスタンスで使用できるグローバル要素を設定します。
6. **\[General (一般)\]**​ タブで、コネクタの接続情報を指定します。
7. **\[TLS\]**​ タブで、必要に応じてコネクタの TLS 情報を指定します。
8. **\[Advanced (詳細)\]**​ タブで、必要に応じて再接続戦略を含む再接続情報を指定します。
9. **\[Test Connection (接続をテスト)\]**​ をクリックして、Mule が指定されたサーバーに接続できることを確認します。
10. **\[OK\]**​ をクリックします。

## [](#add-connector-operation)フローにコネクタの操作を追加する

フローにコネクタの操作を追加すると、そのコネクタで実行する特定の操作をすぐに定義できます。

B2C Data Connector の操作を追加する手順は、次のとおりです。

1. **\[Mule Palette (Mule パレット)\]**​ ビューで、​**\[B2C Data Connector\]**​ を選択し、目的の操作を選択します。
2. その操作を Studio キャンバスの入力元の右にドラッグします。

## [](#configure-global-element)コネクタのグローバル要素を設定する

コネクタを設定する場合、アプリケーション内のそのコネクタのすべてのインスタンスで使用できるグローバル要素を設定することをお勧めします。グローバル要素を設定するには、コネクタが対象 Commerce Cloud データ API システムにアクセスするために必要な認証ログイン情報を提供する必要があります。B2C Data Connector では、接続で Oauth2 アプリケーション接続プロバイダー認証がサポートされています。

B2C Data Connector のグローバル要素を設定する手順は、次のとおりです。

1. Studio キャンバスで操作を選択します。
2. 操作の設定画面で、​**\[Connector configuration (コネクタ設定)\]**​ 項目の横にあるプラス記号 (+) をクリックし、グローバル要素設定項目にアクセスします。
3. **\[General (一般)\]**​ タブの ​**\[Connection (接続)\]**​ で、​**\[Oauth 2 Application Connection Provider (Oauth 2 アプリケーション接続プロバイダー)\]**​ 認証方法を選択します。
4. 次の項目を設定します。
    
    - **Base Uri (ベース URI)**​  
        データ API にアクセスする URI
    - **Client Id (クライアント ID)**​  
        Salesforce Commerce で作成されたクライアントアカウントの ID
    - **Client Secret (クライアントシークレット)**​  
        Salesforce で作成されたクライアントアカウントのシークレット
    - **Token URL (トークン URL)**​  
        Access token URL (アクセストークン URL)
    - **Scopes (スコープ)**​  
        データ API へのアクセスのスコープ
        
        次の画像は、​**\[OAuth 2 Application Connection Provider (OAuth アプリケーション接続プロバイダー)\]**​ 設定の例を示しています。
        
        ![\[OAuth 2 Application Connection Provider (OAuth 2 アプリケーション接続プロバイダー)\] 認証設定](_images/data-api-connector-oauth2-configuration.jpg)
    
    ANT スタイルのプロパティプレースホルダーを含む設定ファイルを参照するか (推奨)、グローバル設定プロパティに認証ログイン情報を入力できます。プロパティプレースホルダーを使用する利点とその設定方法については、​[「Anypoint Connector 設定」](https://docs.mulesoft.com/connectors/introduction/intro-connector-configuration-overview)​を参照してください。
    
    \+ この例では、ログイン情報をアプリケーションプロパティファイルに追加し、プレースホルダーを使用して参照します。
5. **\[Advanced (詳細)\]**​ タブで、必要に応じて再接続戦略を含む再接続情報を指定します。
6. **\[Test Connection (接続をテスト)\]**​ をクリックして、Mule が指定されたサーバーに接続できることを確認します。
    
    ![\[Test connection successful (テスト接続に成功しました)\] メッセージが返す \[Test connection (接続をテスト)\]](_images/data-api-connector-oauth2-test-connection.jpg)
7. **\[OK\]**​ をクリックします。

\[OAuth2 Application Connection Provider (Oauth2 アプリケーション接続プロバイダー)\] 設定に成功すると、次のようになります。

```xml
   <commerce-cloud-dataapi:config name="Commerce_Cloud_Data_Connector_Config" doc:name="Commerce Cloud Data Connector Config" >
		<commerce-cloud-dataapi:am-oauth2-connection baseUri="${data.baseUri}" >
			<commerce-cloud-dataapi:oauth-client-credentials clientId="${data.clientId}" clientSecret="${data.clientSecret}" tokenUrl="${data.tokenUrl}" scopes="${data.scopes}"/>
		</commerce-cloud-dataapi:am-oauth2-connection>
   </commerce-cloud-dataapi:config>
```

## [](#view-app-log)アプリケーションログの表示

問題を確認するため、アプリケーションログを次の方法で表示できます。

- アプリケーションを Anypoint Platform から実行している場合、出力は Anypoint Studio のコンソールウィンドウに表示される。
- コマンドラインから Mule を使用してアプリケーションを実行している場合、アプリケーションログは OS コンソールに表示される。

アプリケーションのログファイル (​`log4j2.xml`​) でログファイルパスがカスタマイズされていない場合、デフォルトの場所 ​`MULE_HOME/logs/<app-name>.log`​ でアプリケーションログを表示することもできます。

## [](#次のステップ)次のステップ

グローバル要素と接続情報を設定したら、コネクタの​[例](https://docs.mulesoft.com/jp/commerce-cloud-b2c-data-connector/latest/commerce-cloud-b2c-data-connector-examples)​を試すことができます。

## [](#関連情報)関連情報

- [MuleSoft ヘルプセンター](https://help.mulesoft.com)