[本文](https://blogs.sap.com/2021/08/06/debug-a-server-side-rendered-sap-spartacus-storefront-using-chrome-dev-tools/)介紹如何在本地除錯 SAP Spartacus Node.js 應用。

按照這個[連結](https://sap.github.io/spartacus-docs/3.x/building-the-spartacus-storefront-from-libraries-3-4/) 安裝 Spartacus.

在 package.json 的 scripts 區域，生成了一個名叫 `build:ssr` 的指令，預設按照 --prod 引數來構建。

![](https://img-blog.csdnimg.cn/img_convert/12b40675606052efa365287902f1cfe6.png)

如果使用這個 script，我們不得不除錯 `minified and uglified code`, 不太直觀。

也就是說，去掉 `--prod` 和 `:production`

使用如下命令列：

`ng build && ng run mystore:server`

![](https://img-blog.csdnimg.cn/img_convert/7795d54a9f99c492b6c0695c026392f1.png)

採用這個方式構建出的 main.js, 程式碼是可讀的：

![](https://img-blog.csdnimg.cn/img_convert/119dc79e24b40e2624e57cfe1367f1ae.png)

(3) 新增一個 `--inspect-brk` 選項：

`node --inspect-brk dist/mystore/server/main.js`

![](https://img-blog.csdnimg.cn/img_convert/9a95f7c29ebe4914ade34e83c0b85bdd.png)

啟動：

npm run serve:ssr

![](https://img-blog.csdnimg.cn/img_convert/f412ebf6c58d68262d8c777dabc4ee39.png)

(4) Chrome 位址列輸入 `chrome://inspect`, 點選 `inspect` hyperlink:

![](https://img-blog.csdnimg.cn/img_convert/b94ce2d513955ed00b149e7f69e2b9d2.png)

斷點會自動觸發，停在 main.js 的第一行：

![](https://img-blog.csdnimg.cn/img_convert/aebf3eea56b500fe8506ed92713aa1bb.png)

現在就可以開始除錯了：

![](https://img-blog.csdnimg.cn/img_convert/b89e475d82cbc8520c383ebbef14e387.png)

![](https://img-blog.csdnimg.cn/img_convert/bee90d5a5968fbc9f741c101c66fa2e4.png)

引起 Node.js 應用[高 CPU 佔用率](https://medium.com/geekculture/dealing-with-node-js-high-cpu-in-production-71c432d8bece)的一些可能性：

- 迴圈和迭代。 如果不限制可迭代集合的大小，任何 .map、.reduce、.forEach 和其他迭代方法呼叫都可能導致問題。for 和 while 迴圈也存在同樣的潛在問題。 如果業務層面上必須處理大型集合，請使用流或將集合，拆分為塊並非同步處理它們。 它將在不同的 EventLoop 迭代之間分配負載，減少阻塞效應。

- 遞迴函式。 這裡的原理相同，你需要考慮遞迴深度，特別是當函式是同步的時候。

- 巨大的有效載荷。Node.js 是為處理大量非同步操作而建立的，例如向資料庫發出請求或外部 API 呼叫。 在來自外部來源的有效載荷很小之前，它可以完美執行。 不要忘記 Node.js 需要先讀取一個有效載荷並將其儲存在記憶體中，然後將 JSON 解析為一個物件（增加了更多記憶體），對該物件執行一些操作。 來自 Node.js 服務的巨大負載也可能是一個問題，因為 Node.js 首先將物件字串化為 JSON，然後將它們傳送到客戶端。 所有這些操作都可能導致高 CPU，確保有效負載大小不是很大，使用分頁，並且不要預填充不必要的資料。 對於 GraphQL 服務，使用複雜性來限制響應負載。

SAP 電商雲 Spartacus 伺服器端渲染的單步除錯詳細步驟

相關文章