ISP260 - Get Experience with SAP Upscale Commerce

Description

This repository contains the material for the SAP TechEd 2021 session called ISP260 - Get Experience with SAP Upscale Commerce.

Overview

View the power & capabilities of SAP Upscale’s Extensibility Framework with a step by step demo of storefront extensions. Extensions will show how to customize the styling of a PWA storefront, building & embedding custom components, and using Upscale micro-service APIs.

Requirements

Access to own Upscale PWA and Upscale Workbench environment as well as Git repo to store style changes and native code extensions.

Agenda

Attribute Sets
- How it works
  - Code vs ID
  - ASD vs ASV
  - Validations & actions
Styling extension
- How it works
- Apply styling extension in WB
- Edit style - redeploy
- SAP Upscale Commerce User Guide for Style Extensions - https://help.sap.com/viewer/0160c41e0de84b218d05bc1185213d1d/LATEST/en-US/dff01d1e00b34432a2d31a58afa1861b.html
- GitHub repository with samples used in presentation - https://github.com/cmanciero/teched-upscale-2021/
Custom Component
- How it works
  - Events (send & receive)
  - API calls
  - External Application
- Create the configuration
- Add it to the experience
- SAP Upscale Commerce User Guide for Custom Component - https://help.sap.com/viewer/0160c41e0de84b218d05bc1185213d1d/LATEST/en-US/f542f9dc2d744b28b471ca6f044d832c.html
- Sample code on Glitch.com - https://glitch.com/edit/#!/marshy-quiet-cashew?path=script.js%3A9%3A30
Native Extension
- How it works
- Create configuration
- Add to the App / Experience
- SAP Upscale Commerce User Guide for Native Extension - https://help.sap.com/viewer/0160c41e0de84b218d05bc1185213d1d/SHIP/en-US/70525bb01aa643ddb506a01366a5a75a.html
- Sample code referenced in presentation - https://github.com/cmanciero/teched-upscale-native-ext
- Helpful links
  - How to create an Angular library project - https://angular.io/guide/creating-libraries#getting-started

Sample extension repository

Here is a repositiory that is available to the public which can further the learning experience with extensibility

https://github.com/SAP-samples/upscale-commerce-custom-component

How to obtain support

Support for the content in this repository is available during the actual time of the online session for which this content has been designed. Otherwise, you may request support via the Issues tab.

SAP-samples/teched2021-ISP260