This course is aimed at developers who have experience using the Commerce Cloud

platform, JavaScript, and completed CCD101: Developing for Salesforce B2C Commerce I.








Module-Name server use Name

[Link] [Link],

[Link]

Home-Show [Link]
[Link] Show
 [Link]

Content-Type: application/json

{ value: 'Hello World '}

[Link]












cookie_hint

cookie_hint
3.1 Module Objectives
 app_storefront_base
app_storefront_base

modules

odules opLevel
odules

ugin_applepay e

mf-scripts w
mf-scripts
t

We
Instructions for setting up the Storefront Reference Architecture can be found on
GitHub. Click the XChange link for instructions on accessing Commerce Cloud on
GitHub. The link is also available from the Course Materials tab if you’d like to access
and bookmark the link later.
 Storefront-
Reference-Architecture
npm install g sgmfscripts

sgmfscripts

sgmfscripts help

sgmfscripts
npm install sgmfscripts

sgmfscripts
node node_modules/sgmfscripts help
 [Link]

[Link]

sgmfscripts

sgmfscripts help

sgmfscripts

node node_modules/sgmfscripts help

mfscripts c
 node v

[Link] f

5.
[Link] i m
install
Run
[Link]
 storefrontreferencearchitecture

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

pp_storefront_base

2.



6.
 app_storefront_base
plugin_applepay.

app_storefront_base
sgmf-scripts
sgmf-scripts
 sgmf-scripts

sgmf-scripts
 plugin_ratings plugin_reviews
app_storefront_base
app_storefront_base

[Link]

paths

[Link]
mysite [Link] paths
[Link]
app_storefront_base
 .scss

my_repository/cartridges/my_cartridge/cartridge/client/default/myfil
[Link]

.scss
[Link]
[Link]
path
[Link]
[Link]
[Link]
 .ds .js
script modules
modules

modules
modules

modules
module
[Link](path:String)
require()
 [Link]

[Link]

[Link], [Link]
[Link]
 [Link]
Show
Show
setViewData
require
 .ds .js
controllers
 ControllerRouteName
[Link] Show. [Link]
controllers
[Link]
Site/EN_US/PageShow
T

W equire
equire
erver odules
pp_storefront_base erver m

T
[Link] = [Link]();
Th [Link]() c
[Link], [Link],
[Link] fu
Fo geShow,
[Link] fi
ow f
 req res
next

req
req

req
[Link]

res

next
removeListener removeAllListener

req res

route:Complete

route:Complete
req res
 [Link] r [Link]

next() r reject a request by calling next(new Error()).

next() next(new Error())

next
next
 [Link]
Show
AccountShow
[Link] me
plugin_reviews [Link]

 [Link]

 [Link]
[Link]
[Link]
 [Link]

 [Link]
 [Link]


superModule
 app_storefront_base
product/productDetails
product/bundleDetails product/setDetails
 [Link]

[Link]
[Link]
[Link]
[Link]
[Link]:
[Link]:
Th
p_storefront_base/cartridge/templates/default/common/layout/

T
e [Link] a [Link]
f
[Link] [Link]
 n-memory
n-memory
 in-memory form in-
memory form

[Link]

ict v
[Link] o
 Start
Start
 [Link]
[Link]
[Link]
actionUrl
[Link]
 orms/default

ocale


[Link]

[Link].

[Link].
route:BeforeComplete

[Link] SavePassword
[Link]

pdict
[Link]


odules [Link]

parseForm(Form)
copyObjectToForm(object, CurrentForm)
findValue(formGroup, name)
clearOptions(obj)
[Link]
[Link]
 customerror_*

error_*

[Link]

<isslot> <iscomponent> <isinclude>







7.1
7.2
7.3
7.4
7.5
7.6
7.7
7.8
7.9
7.10
7.11