---
schema_version: "1"
id: 9ca0c6e576a486a35f5256e84d2ca847720eae99172a2374f606b1615c3e90c9
title: Commerce Cloud B2C Shop Connector 2.1 Example
collection: mulesoft
version: current
locale: en-us
portal_url: https://docs.salesforce.com/mulesoft/current/en-us/commerce-cloud-shop-api-connector/latest/shop-api-connector-examples.md
canonical_url: https://docs.mulesoft.com/commerce-cloud-shop-api-connector/latest/shop-api-connector-examples
source_site: docs.mulesoft.com
content_type: documentation
content_hash: 0c20159de291133a21da7f765ca5209028c68e912ed66f1a6ed910fcbb698d94
description: MuleSoft Documentation Site
release: "2.1"
latest: true
---
---
product: Salesforce Commerce Cloud B2C Shop API Connector
version: 2.1
is-latest-version: true
---
# Commerce Cloud B2C Shop Connector 2.1 Example
> For the full documentation index, see: https://docs.mulesoft.com/llms.txt
Commerce Cloud B2C Shop Connector is an operation-based connector, which means that when you add the
connector to your flow, you need to configure a specific operation for the connector to perform.
Commerce Cloud B2C Shop Connector supports two different types of configuration. This example uses
the Customer Auth Connection Provider configuration. After successful execution of the Get Customer
operation we get the customer result.
To get an access token, you can use **Authenticate Customer** and **Get Access Token** (if you are
using B2C Shop Connector 2.1 and later) or you can use **Authorize Customer**.
**Authenticate Customer** and **Get Access Token**
1. Create a new Mule application in Anypoint Studio, configuring port 8081 as HTTP Listener and the
path, for example, `/login`.
2. Before you can use **Authenticate Customer**, you must prepare a redirect URI for handling the
redirect from SLAS that contains the shopper USID and authorization code. The redirect URI must
be publicly accessible, so you must use a tool such as webhook.site or ngrok to expose a
localhost endpoint externally.
3. Drag the **Authenticate Customer** operation from the Mule palette to the flow.
4. For registered users, you must register the token using the code from **Authenticate Customer**
callback response. Create a new HTTP Listener on port 8081 with the path `/register`.
5. Drag the **Get Access Token** operation from the Mule palette to the flow with the path
`/register`.
6. Obtain the required parameters for the **Authenticate Customer** and **Get Access Token**
operations from Postman.
7. For both of the operations, select the Commerce Cloud B2C Shop Connector Shopper Token Config
from B2C Shop Connector and configure the required values or add a new configuration by clicking
the green plus (+) symbol.
8. After entering all the required parameters, save the Mule project.
9. Run the project as a Mule application by right-clicking the project name in **Package Explorer**
and selecting **Run As > Mule Application**.
10. Navigate to `http://localhost:8081/auth`, open Postman, and check the response. You should see
an empty body in Postman with the status 200, which means a callback request is sent to the
redirect URI.
11. Retrieve the code query parameter from the callback request. This step differs based on how you
handle the OAuth2 callback.
12. Use the code in the second request to construct a new request to **Get Access Token**.
13. Navigate to `http://localhost:8081/register`, open Postman, and check the response. After a
successful call, retrieve the access and refresh token to use in other SCAPI calls. Provide this
JWT token from Postman as an authorization header parameter to perform operations.
**Authorize Customer**
1. Perform an **Authorize Customer** operation to get the Shopper JWT token.
2. Create a new Mule application in Anypoint Studio (Studio), configuring port 8081 as HTTP
Listener and the path as
"/customer/shopper-customers/{version}/organizations/{organizationId}/customers/actions/login".
3. Add Operation, "Authorize Customer" from the palette to the flow.
4. Obtain the required parameters for Authorize Customer operation from the postman.
5. Select the Commerce Cloud B2C Shop Connector Shopper Token Config from Commerce Cloud B2C Shop
Connector and configure it with the required values or add a new configuration by clicking the
green plus (+) symbol.
6. After entering all the required parameters, save the Mule project.
7. Run the project as a Mule application by right-clicking the project name in Package Explorer and
selecting Run As > Mule Application.
8. Navigate to
`http://localhost:8081/customer/shopper-customers/{version}/organizations/{organizationId}/customers/actions/login`,
open Postman, and check the response.
9. You should see the JWT Token in the response header. Provide this JWT Token from Postman as
authorization header parameter to perform operations.
**Get Customer**
1. Create a new Mule application in Anypoint Studio (Studio), configuring port 8081 as HTTP
Listener and the path as
"/customer/shopper-customers/{version}/organizations/{organizationId}/customers/{customerId}".
2. Add Operation, "Get Customer" from the palette to the flow.
3. Obtain the required parameters for Get Customer operation from the postman.
4. Select the Commerce Cloud B2C Shop Connector Config from Commerce Cloud B2C Shop Connector and
configure it with the required values or add a new configuration by clicking the green plus (+)
symbol.
5. In the above image we are using the authentication token from Authorize Customer as
Authorization parameter value.
6. After entering the all required parameters, save the Mule project.
7. Run the project as a Mule application by right-clicking the project name in Package Explorer and
selecting Run As > Mule Application.
8. Navigate to
`http://localhost:8081/customer/shopper-customers/{version}/organizations/{organizationId}/customers/{customerId}`,
open Postman, pass the Shopper JWT Token from the header and check the response.
9. You should see the customer details in the output.
## XML for Authenticate Customer and Get Access Token
Paste this code into the Studio XML editor to quickly load the flow for this example into your Mule
app:
```xml
# guest_flow.xml
```
```xml
# registered_flow.xml
```
## Steps for Authenticate Customer and Get Access Token
1. Create new Mule application.
2. Click the Configuration XML tab at the base of the canvas.
3. Copy and paste the above code.
4. Save the project.
5. Run the project as a Mule application by right-clicking the project name in Package Explorer and
selecting Run As > Mule Application.
6. Navigate to `http://localhost:8081/login` for the guest flow and
`http://localhost:8081/register` for the registered user flow, open Postman, and check the
response.
7. You should see the JWT token in the response header. Provide this JWT token from Postman as an
authorization header parameter to perform operations.
## XML for Authorize Customer
Paste this code into the Studio XML editor to quickly load the flow for this example into your Mule
app:
```xml
```
## Steps for Authorize Customer
1. Create new Mule Application.
2. Click the Configuration XML tab at the base of the canvas.
3. Copy and paste the above code.
4. Save the project.
5. Run the project as a Mule application by right-clicking the project name in Package Explorer and
selecting Run As > Mule Application.
6. Navigate to
`http://localhost:8081/customer/shopper-customers/{version}/organizations/{organizationId}/customers/actions/login`,
open Postman, and check the response.
7. You should see the JWT Token in the response header. Provide this JWT Token from Postman as
authorization header parameter to perform operations.
## XML for Get Customer
Paste this code into your Studio XML editor to quickly load the flow for this example into your Mule
app:
```xml
xml
```
## Steps for Get Customer
1. Create new Mule Application.
2. Click the Configuration XML tab at the base of the canvas.
3. Copy and paste the above code.
4. Save the project.
5. Run the project as a Mule application by right-clicking the project name in Package Explorer and
selecting Run As > Mule Application.
6. Navigate to
`http://localhost:8081/customer/shopper-customers/{version}/organizations/{organizationId}/customers/{customerId}`,
open Postman, pass the Shopper JWT Token from the header and check the response.
7. You should see the customer details in the output.
## See Also
- [Introduction to Anypoint Connectors](https://docs.mulesoft.com/connectors/introduction/introduction-to-anypoint-connectors)
- [Salesforce Help](https://help.salesforce.com)