入口：所有的 regular route 都使用 universal engine：

![](https://img-blog.csdnimg.cn/img_convert/0a0c93992c8a510990e5d09ac8d32c57.png)
簡而言之，Angular Universal 是 Angular 的預渲染解決方案。

在普通的單頁應用程式中，我們通常將資料帶到客戶端，然後在客戶端最後一秒構建代表該資料的 HTML。

但是在某些情況下，出於充分的理由，我們可能希望提前進行渲染，例如在伺服器上或在應用程式構建時：這正是 Angular Universal 允許我們做的。
![](https://img-blog.csdnimg.cn/img_convert/8ae2b6ce9a1de3f536427766f54f061a.png)

express 的 response 實現：
![](https://img-blog.csdnimg.cn/img_convert/49acc9c87d74004d4ee3b3ba2b795cc2.png)

express application 的實現：
![](https://img-blog.csdnimg.cn/img_convert/c7a39f79984e4394749287b3e0f14987.png)
![](https://img-blog.csdnimg.cn/img_convert/574972eef82115052f4fce200d9d5334.png)

靜態資源，都從 browser 目錄下獲取：
![](https://img-blog.csdnimg.cn/img_convert/2d740bd07ffeeed2ebdf80604c66cbb5.png)
![](https://img-blog.csdnimg.cn/img_convert/0c55b5c4a0864412935f09a3d1be0861.png)

渲染完畢的 callback：
![](https://img-blog.csdnimg.cn/img_convert/33c42996b793f96a8d749693507abf4f.png)

然後就來到 Spartacus 程式碼了：view.js 的 render 方法呼叫 SAP Spartacus 實現的回撥函式`renderResponse`:
![](https://img-blog.csdnimg.cn/img_convert/27c31883b4afbbce30988e6762c46d3b.png)

得到 rendering key：/

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

139 行，判斷請求是否被 cache 過。

如果正在渲染或者併發渲染數達到上限，則 fallback 到 CSR：

![](https://img-blog.csdnimg.cn/img_convert/402708730b16050b085a3e60add77a7a.png)
判斷是否 timeout：

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

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

shouldTimeout 返回 true，必須下列任意一個條件成立：

* this.ssrOptions === null
* this.getRenderingStrategy(request) === RenderingStrategy.ALWAYS_SSR);

這裡咋就 fallback 到 CSR 了？
如果客戶設定了 timeout，那麼就用 `setTimeout` 設定一個客戶指定的超時時間間隔，然後進入 else 分支的下一行，開始正常的 SSR 渲染。如果 SSR 足夠快速，能夠在 timeout 發生之前結束？
![](https://img-blog.csdnimg.cn/img_convert/2be5ec525184f2228ec4d3e22eb81f48.png)

原因：A value of 0 will instantly return the CSR page.

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

SAP Spartacus SSR 模式下 index.html 頁面的響應邏輯除錯

相關文章