手动安装 SAP Spartacus 3.3.0版本并启用服务器端渲染 SSR
使用 ng new jerryssr 创建一个空的 Angular 项目:
确保项目创建成功。
ng add @spartacus/schematics@latest --baseUrl https://spartacus-demo.eastus.cloudapp.azure.com:8443/ --baseSite=electronics-spa --ssr
弹出提示信息:
Please choose which configuration you would like to add. (Use arrow keys)
默认是 b2c, 维护在 schema.json 的 configuration 的 enum 节点里:
Which Spartacus features would you like to setup?
然后选择要安装的 feature:
自动添加的内容:https://github.com/wangzixi-diablo/ssrdemo/commit/076f582ad691a5b65b3276abd8122751a900237f
- angular.json:
多了 “src/styles/spartacus/user.scss”:
多了 tsconfig.server.json:
增加了和 server 相关的 architect 设置:
- package.json:增加了新的 scripts:
devDependencies 里,增加了对 schematics 的引用:
- app.module.ts:
- spartacus.module.ts: 包含了 SpartacusFeatureModule 和 SpartacusConfigurationModule:
启动命令:npm run build:ssr && npm run serve:ssr
ng build --prod 相当于 ng build --configuration=production
ng build --prod 最终使用的是 configurations 里 product 节点下指定的 environment.prod.ts 文件:
environment.prod.ts 的内容:production: true
build 之后的输出文件夹:
build 的结果:输出文件夹在 dist/jerryssr/browser 里:
npm run build:ssr 命令的另一半:ng run jerryssr:server:production
ng 命令执行的是 angular.json 文件里定义的 project architect:
这次的输出是 dist/jerryssr/server:
server 文件夹里生成的资源:
最后,执行的是 main.js:
相关文章
- SAP UI5 里的 Busy Indicator 控件使用概述
- 关于 SAP UI5 所有控件的共同祖先 - sap.ui.base.ManagedObject
- SAP UI5 sap.ui.base.ManagedObject 的构造函数参数讲解
- ChatGPT 帮我回答 SAP 技术交流群里关于 BAPI 使用的问题
- SAP OData 框架里的缓存(Cache)设计专题讲座试读版
- 什么是 SAP ABAP 的 include structure
- SAP ABAP 如何为某个用户创建指定的激活变体(Activation Variant)
- 如何根据 SAP Fiori UI 界面上的错误消息,找到后台 ABAP 对应的消息 ID 试读版
- SAP ERP系统在企业内部控制方面有哪些独到之处?
- 「SAP ABAP」你真的了解OPEN SQL的DML语句吗 (附超详细案例讲解)
- SAP UI5 响应式表格 sap.m.Table 根据不同宽度的屏幕动态决定显示或隐藏 Column 的实现源代码讲解试读版
- SAP ABAP MIME Repository 和 API 介绍试读版
- 34. 如何使用 Postman 发送 SAP OData Batch 请求到 ABAP 后台服务器
- 深入比较:SAP vs Oracle(sap和oracle)
- SAP MIGO屏幕增强详解编程语言
- SAP常用TCODE收藏详解编程语言
- 关于SAP的视图类型详解编程语言
- 访问SAP统一RFC连接接口(RESTFUL风格)详解编程语言
- sap保存时小写字母自动转大写字母的解决方法详解编程语言
- SAP在Linux上的安装过程(saplinux安装)
- 系统SAP在Linux系统上的开启之旅(sap启动linux)
- 对比:Oracle 与 SAP的优势(oracle 与 sap)
- 调用SAP接口:MSSQL实现自动化(mssql调用sap接口)
- Oracle和SAP技术比较优势和劣势(oracle与sap比照)
- 对比Oracle和SAP价格比较哪个是更值得投入的选择(oracle与sap价格)
- Oracle SAP系统深入探索管理系统之魅力(oracle sap系统)
- Oracle和SAP教程一步一步学习(oracle sap教程)