Installing Paazls extension for SFCC SFRA

Dit artikel legt uit hoe je de extensie van Paazl installeert in je Salesforce CC SFRA-implementatie.

Stap 1. LINK-cartridge installeren

Installeer de cartridges int_paazl_sfra en int_paazl_core in Commerce Cloud UX Studio.

Stap 2. sgmf-scripts installeren

Salesforce CC heeft een NPM-module gepubliceerd genaamd sgmf-scripts die tools bevat om de CSS- en JS-scripts voor je storefront-site te compileren. Om de scripts te installeren en vervolgens te compileren, voer je de volgende instructies uit vanaf de command line:

1. npm install sgmf-scripts
2. npm run compile:js && npm run compile:scss && npm run compile:fonts

Normaal gesproken hoef je de lettertypen (fonts) maar één keer te compileren.

Stap 3. Metadata importeren

Om de configuratiefunctionaliteit van Paazl toe te voegen aan Business Manager, importeer je de vooraf gedefinieerde metadata van Paazl als volgt:

1. Download het Paazl LINK-installatiepakket van https://github.com/SalesforceCommerceCloud/link_paazl
2. Open de map link_paazl-master/site_import/sites/
3. Wijzig de naam van de map yourSiteId naar de ID van jouw site in Salesforce CC Business Manager
4. Zip de map site_import
5. Importeer het gezipte bestand in Business Manager (Administration > Site Development > Site Import & Export).

Na de import zijn de volgende wijzigingen aangebracht in Business Manager.

Er zijn Paazl-attributen toegevoegd aan:

• Administration > Site Development > System Object Types > Site Preferences > Attribute Definitions
• Administration > Site Development > System Object Types > Order > Attribute Definitions
• Administration > Site Development > System Object Types > Shipment > Attribute Definitions
• Administration > Site Development > System Object Types > Basket > Attribute Definitions

De volgende services zijn toegevoegd aan Administration > Operations > Services:

• service.paazl.rest.gettoken
• service.paazl.rest.getSelectedOption

De verzendmethode paazl is toegevoegd aan [yourSiteId] > Merchant Tools > Ordering > Shipping Methods.

Stap 4. JS en CSS compileren

De JS- en CSS-bestanden van Paazl maken deel uit van de int_paazl_core-cartridge.

1. Compileer de JS- en CSS-code van de app_storefront_base-cartridge zoals uitgelegd in de SFRA README.md.
2. Compileer de JS- en CSS-code van de int_paazl_core-cartridge:
   1. Ga naar het hoogste niveau van je project (vlak boven de map cartridges).
   2. Zorg ervoor dat je de bestanden package.json en webpack.config.js uit de link_paazl-repository op GitHub gebruikt.
   3. Voer de volgende opdracht uit:
      

      npm install

   4. Voer de volgende opdrachten uit:
      

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