Install

Cybersource

for Salesforce B2C Commerce

Download the

Cybersource

cartridge for

Salesforce

B2C Commerce from the ISV Integration Toolkits section on GitHub.

Set up your workspace.

Create a folder named
Cybersource
folder in your
Salesforce
workspace and copy the downloaded cartridges (
int_cybs_sfra
and
int_cybs_sfra_base
) to the workspace.
If the project's base path is different from the one available in the
Cybersource
package.json, open the file
/package.json
and modify the
paths.base
value to point to your
app_storefront_base
cartridge. This path is used by the JS and SCSS build scripts.

Configure IDE (VSCode).

ADDITIONAL INFORMATION

If you use VSCode, install the extension Prophet Debugger and include these lines in

dw.json()

:

ADDITIONAL INFORMATION

{
    "hostname": "your-sandbox-hostname.demandware.net",
    "username": "yourlogin",
    "password": "yourpwd",
    "version": "version_to_upload_to",
    "cartridge": [
        "int_cybs_sfra",
        "int_cybs_sfra_base",
        "app_storefront_base",
        "modules"
    ]
}

ADDITIONAL INFORMATION

If you are using a different IDE, refer to the respective guide to set up your workspace.

Build and Upload Code

Install the node in the

Cybersource

folder

Install

sgmf-scripts

and

copy-webpack-plugin

with this command:

ADDITIONAL INFORMATION

npm install sgmf-scripts && npm install copy-webpack-plugin

Compile JS and SCSS with this command:

ADDITIONAL INFORMATION

npm run compile:js && npm run compile:scss

Upload the code to the

Salesforce

Commerce Cloud instance:

ADDITIONAL INFORMATION

npm run uploadCartridge

RESULT