SAP Spartacus 服务器端渲染单步调试步骤之二:在服务器端执行应用程序 Angular 代码

前文:SAP Spartacus 服务器端渲染单步调试步骤之一:应用程序准备工作

入口:
SAP Spartacus 服务器端渲染单步调试步骤之二:在服务器端执行应用程序 Angular 代码_第1张图片

SAP Spartacus 服务器端渲染单步调试步骤之二:在服务器端执行应用程序 Angular 代码_第2张图片

进入 platform-server.js:

SAP Spartacus 服务器端渲染单步调试步骤之二:在服务器端执行应用程序 Angular 代码_第3张图片

入口:
SAP Spartacus 服务器端渲染单步调试步骤之二:在服务器端执行应用程序 Angular 代码_第4张图片

最终在服务器端执行 bootstrap,输入 Component 为 AppComponent:
SAP Spartacus 服务器端渲染单步调试步骤之二:在服务器端执行应用程序 Angular 代码_第5张图片

这些调用栈和在客户端执行是一样的:
SAP Spartacus 服务器端渲染单步调试步骤之二:在服务器端执行应用程序 Angular 代码_第6张图片

一旦进入这个调用,说明服务器端应用程序的渲染已经结束了:

SAP Spartacus 服务器端渲染单步调试步骤之二:在服务器端执行应用程序 Angular 代码_第7张图片

html 变量包含了渲染好的 HTML 源代码:
SAP Spartacus 服务器端渲染单步调试步骤之二:在服务器端执行应用程序 Angular 代码_第8张图片

首先把渲染好的应用程序源代码返回给浏览器:
SAP Spartacus 服务器端渲染单步调试步骤之二:在服务器端执行应用程序 Angular 代码_第9张图片

如果启用了缓存,将渲染结果放到 map 里:
SAP Spartacus 服务器端渲染单步调试步骤之二:在服务器端执行应用程序 Angular 代码_第10张图片

更多Jerry的原创文章,尽在:"汪子熙":

你可能感兴趣的:(SAP Spartacus 服务器端渲染单步调试步骤之二:在服务器端执行应用程序 Angular 代码)