(1) yarn build:libs

這個命令列是完成本地 library 的構建。需要將近10分鐘。
![](https://img-blog.csdnimg.cn/img_convert/f56cff275da33df1de189667fa84ebae.png)

(2) 這個命令是完成 shell app 的構建。

> yarn build --prod

命令列裡出現的 40.76 來自 .env-cmdrc 檔案：

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

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

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

需要將近3分鐘。

(3) 使用如下命令進行伺服器端 shell 應用的構建：

> yarn build:ssr

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

需要將近1分鐘。
(4) 以伺服器端模式啟動 Spartacus 伺服器：

> yarn serve:ssr

如果看到下面的提示訊息，說明啟動成功了：

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

如果 Node.js 伺服器後臺觀察到這種訊息：SSR rendering exceeded timeout 3000, 說明預設的 3000 毫秒時間不足以完成首頁的伺服器段渲染：

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

此時修改 ng-express-engine-decorator.ts 裡 tineout，然後重新執行 yarn:build:setup, yarn build --prod 和 yarn build:ssr.

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

改成一個特殊的值比如 19821039， 方便將來查詢。

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

最後在 dist 資料夾的 main.js 裡面能夠搜尋到這個特殊值。

怎麼還是 3000？

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

發現了process.env 裡的這個環境變數 SSR_TIMEOUT:
![](https://img-blog.csdnimg.cn/img_convert/edb28700920299eff656e9b72b790a96.png)

那麼我就新建一個 ssr.bat 的批處理檔案，內容如下：

> set SSR_TIMEOUT=1981231&& yarn serve:ssr

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

結果又遇到新問題：Http failure response for https://xxxxx

An unknown http error occurred:

所以 bat 檔案的內容應該改成：

> set SSR_TIMEOUT=1981231&& yarn serve:ssr:dev

這樣，可以使用引數 cross-env NODE_TLS_REJECT_UNAUTHORIZED=0 啟動 node.js 伺服器，繞過 certificate 問題。

然而又遇到新問題：cannot find module ./353.js??

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

這種情況下，從頭開始對整個 Spartacus 進行構建，然後重試。

果然，全部從頭做之後就正常了：
![](https://img-blog.csdnimg.cn/img_convert/d825e1ce2a7c37e1c92804af7a2f5a8d.png)

213kb，這個資料量才是正常的：
![](https://img-blog.csdnimg.cn/img_convert/7a3b4651c50b709b58c6b4e0e7fd2f1a.png)

Spartacus 支援移動和平板電腦平臺上的常青網路瀏覽器。

# iOS 瀏覽器

在基於 iOS 的裝置上，Spartacus 支援 Safari、Chrome 和其他瀏覽器。 儘管不是每個瀏覽器都經過測試，但 Spartacus 應該可以與任何 iOS 瀏覽器相容，因為所有 iOS 瀏覽器都使用基於 Webkit 的 iOS 瀏覽器引擎。

# 安卓瀏覽器

在基於 Android 的裝置上，Spartacus 在基於 Chromium 和 Blink 佈局引擎的 Chrome 上進行了測試。 任何使用相同引擎的 Android 瀏覽器都可能與 Spartacus 一起使用。 其他使用不同瀏覽器引擎的瀏覽器沒有經過測試，但那些使用 Webkit 的瀏覽器應該也能正常工作。

SAP Spartacus develop branch 的伺服器端渲染啟動方式

相關文章