Spartacus 里打不開 smartEdit：

已經在 manifest.xml 里添加了 context path，但是沒辦法用 SmartEdit 打開任何 Spartacus url：

https://jsapps.xxx-comercial1-d1-public.model-t.cc.commerce.ondemand.com/smartedit

https://smartedit.xxx-comercial1-d1-public.model-t.cc.commerce.ondemand.com/

you have deployed your Smartedit under accstorefront aspect so Smartedit should be accessed under https://accstorefront.xxx-comercial1-d1-public.model-t.cc.commerce.ondemand.com

Regarding putting only Smartedit webapp under backoffice aspect, 這不是正確的做法，as you should put all Smartedit under aspect to 讓它工作.

Regarding Smartedit working with Spartacus, you cannot run Smartedit under JS Storefront url. In order to setup Smartedit with Spartacus, please refer to following documentation:

• https://help.sap.com/viewer/e1391e5265574bfbb56ca4c0573ba1dc/v2005/en-US/a7d68ea9820c4e16962797298cd8499b.html

• https://sap.github.io/spartacus-docs/smartEdit-setup-instructions-for-spartacus/#page-title

客戶新一輪的問題：

====

在 ccv2 上配置 SmartEdit，登錄 url 格式如下：

https://api.xxx-comercial1-d1-public.model-t.cc.commerce.ondemand.com/smartedit

新的問題：

SmartEdit is not allowing us 進行增刪改查。 只能使用 preview 模式瀏覽。

新一輪的 check：

====

either in Smartedit and when accessing your Spartacus storefront directly:

"Allowed whitelist characters are a-z, A-Z, 0-9, -, period, or *

The wildcard * can be used to represent a prefixed domain, Good example: *.domain.com:80

but not a suffix or port, Bad examples: subdomain..com subdomain.domain.com:.

Every whitelisting must contain a specific port."

After checking your storefront I can see that you have set property data-smartedit-allow-origin="https://jsapps.xxx-comercial1-d1-public.model-t.cc.commerce.ondemand.com"

However, according to documentation you should specify domain on which smartedit is deployed without prefix https:// and with port number at the end.

Please set it to: api.xxx-comercial1-d1-public.model-t.cc.commerce.ondemand.com:443

For more info please refer to following documentation pages Smartedit setup for Spartacus

Cross origin setup for Smartedit

進一步檢查

使用 smart edit 訪問 Storefront 時有一些 warning：

spartacus-storefront.js:14147 No component implementation found for the CMS component type ‘NavigationBarCollectionComponent’. Make sure you implement a component and register it in the mapper.

spartacus-storefront.js:14147 No component implementation found for the CMS component type ‘FooterComponent’. Make sure you implement a component and register it in the mapper.

No component implementation found for the CMS component type ‘AssistedServiceComponent’. Make sure you implement a component and register it in the mapper.

Missing SmartEdit attributes on body element of the storefront - SmartEdit will resume once the attributes are added

The last one usually occurs when smartedit is not installed correctly, after checking your storefront there are no Smartedit classes in it. Please make sure that you setup Smartedit with spartacussampledata for Spartacus according to this documentation

特征

For some reason there are no Smartedit classes injected into body tag.

說明如果 smart edit setup 成功，我們應該可以在 body 元素里看到對應的 class.

Please refer to following documentation page describing in details how Smartedit Contract is implemented and make sure you do the same for your Storefront.

再次研究

I tried to go to smartedit with provided URL again 但是只看到下列畫面：

in webapplicationInjector tag, instead of：

..model-t.cc.commerce.ondemand.com:443

try to put the whole url of api

like:

api.xxx-comercial1-d1-public.model-t.cc.commerce.ondemand.com:443

Also I tried to access jsstorefront from

https://jsapps.xxx-comercial1-d1-public.model-t.cc.commerce.ondemand.com/

but it only give me blank page instead of the storefront.

新的發現

主要原因：somehow body classes are not added in preview as we saw on call.

https://sap.github.io/spartacus-docs/smartEdit-setup-instructions-for-spartacus/

specifically step 3 as ading webApplicationInjector.js in angular.json file

Also when you built your spartacus storefront, follow all the steps described below:

https://sap.github.io/spartacus-docs/building-the-spartacus-storefront-from-libraries/

本地實驗

I have installed OOTB spartacus storefront in my ccv2 environment and smartedit is working fine with it.

manifest.json is at \New\hybris\core-customize and localExtensions.xml is at \New\hybris\core-customize\hybris\config

Please try to install OOTB in ccv2 and check the differences.

As discussed on call, can you please try to add spartacussampledata extension and check if the OOTB electronic storefront is working with smartedit

小技巧：首先檢查標準的 electronic Storefront 和 smartEdit 是否工作正常。

回復：

Smartedit should be accessed from url depending under which aspect got deployed.

根據部署的 aspect 不同， smartEdit 訪問的 url 也不同。

To enable smartedit in this spartacus project, please follow 這個幫助文檔 according to your spartacus storefront version.

另一個錯誤截圖：

SmartEdit is having difficulty loading the page. The page is either not compatible with SmartEdit or connection to it has been lost. Wait for the page to load or disable editing by going to Preview mode.

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的关于 SAP Spartacus 和 SmartEdit 集成的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。