当前位置: 首页 > news >正文

SAP 电商云 Spartacus 服务器端渲染的单步调试详细步骤

本文介绍如何在本地调试 SAP Spartacus Node.js 应用。

按照这个链接 安装 Spartacus.

在 package.json 的 scripts 区域,生成了一个名叫 build:ssr 的指令,默认按照 --prod 参数来构建。

如果使用这个 script,我们不得不调试 minified and uglified code, 不太直观。

也就是说,去掉 --prod:production

使用如下命令行:

ng build && ng run mystore:server

采用这个方式构建出的 main.js, 代码是可读的:

(3) 添加一个 --inspect-brk 选项:

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

启动:

npm run serve:ssr

(4) Chrome 地址栏输入 chrome://inspect, 点击 inspect hyperlink:

断点会自动触发,停在 main.js 的第一行:

现在就可以开始调试了:

引起 Node.js 应用高 CPU 占用率的一些可能性:

  • 循环和迭代。 如果不限制可迭代集合的大小,任何 .map、.reduce、.forEach 和其他迭代方法调用都可能导致问题。for 和 while 循环也存在同样的潜在问题。 如果业务层面上必须处理大型集合,请使用流或将集合,拆分为块并异步处理它们。 它将在不同的 EventLoop 迭代之间分配负载,减少阻塞效应。

  • 递归函数。 这里的原理相同,你需要考虑递归深度,特别是当函数是同步的时候。

  • 巨大的有效载荷。Node.js 是为处理大量异步操作而创建的,例如向数据库发出请求或外部 API 调用。 在来自外部来源的有效载荷很小之前,它可以完美运行。 不要忘记 Node.js 需要先读取一个有效载荷并将其存储在内存中,然后将 JSON 解析为一个对象(增加了更多内存),对该对象执行一些操作。 来自 Node.js 服务的巨大负载也可能是一个问题,因为 Node.js 首先将对象字符串化为 JSON,然后将它们发送到客户端。 所有这些操作都可能导致高 CPU,确保有效负载大小不是很大,使用分页,并且不要预填充不必要的数据。 对于 GraphQL 服务,使用复杂性来限制响应负载。

相关文章:

  • 尚硅谷Vue系列教程学习笔记(12)
  • Flutter 高级教程之如何开发iOS Widget小组件展示SQLite本地数据库数据(教程含完整源码)
  • 5大指标:评估RPA项目的ROI,实现投资回报最大化
  • 神经网络模型的基本原理,神经网络模型是干嘛的
  • 猿创征文|【vue3学习】vue3中实现深拷贝
  • TiUP 镜像参考指南
  • 鹏城AI靶场助力大规模高质量中文语料数据集安全开放
  • 安装node, 配置npm全局安装位置,安装Vue.
  • 神经网络理论及应用答案,神经网络理论名词解释
  • 国产香氛品牌别样的生意经
  • Java-基于SSM的健身后台管理系统
  • 【CCIE 实验】BGP 13条选路原则实验
  • 购买发票自动化软件(或者文档管理系统)需要注意的问题
  • 磁盘被未知资源耗尽lsof -n|grep deleted
  • 图观 | 快速评估图数据库何时适合使用?
  • CentOS学习笔记 - 12. Nginx搭建Centos7.5远程repo
  • Git初体验
  • Gradle 5.0 正式版发布
  • input的行数自动增减
  • JavaScript 奇技淫巧
  • Java编程基础24——递归练习
  • MobX
  • Node + FFmpeg 实现Canvas动画导出视频
  • PHP CLI应用的调试原理
  • Python打包系统简单入门
  • React-flux杂记
  • thinkphp5.1 easywechat4 微信第三方开放平台
  • V4L2视频输入框架概述
  • vue总结
  • 等保2.0 | 几维安全发布等保检测、等保加固专版 加速企业等保合规
  • 如何用vue打造一个移动端音乐播放器
  • 它承受着该等级不该有的简单, leetcode 564 寻找最近的回文数
  • 吴恩达Deep Learning课程练习题参考答案——R语言版
  • 一个项目push到多个远程Git仓库
  • 《码出高效》学习笔记与书中错误记录
  • 积累各种好的链接
  • #微信小程序(布局、渲染层基础知识)
  • (11)MATLAB PCA+SVM 人脸识别
  • (13):Silverlight 2 数据与通信之WebRequest
  • (编程语言界的丐帮 C#).NET MD5 HASH 哈希 加密 与JAVA 互通
  • (待修改)PyG安装步骤
  • (附源码)springboot学生选课系统 毕业设计 612555
  • (蓝桥杯每日一题)love
  • (转) Android中ViewStub组件使用
  • (转)c++ std::pair 与 std::make
  • .NET 中各种混淆(Obfuscation)的含义、原理、实际效果和不同级别的差异(使用 SmartAssembly)
  • .Net的C#语言取月份数值对应的MonthName值
  • ?php echo ?,?php echo Hello world!;?
  • @Autowired标签与 @Resource标签 的区别
  • @cacheable 是否缓存成功_Spring Cache缓存注解
  • [20150629]简单的加密连接.txt
  • [20160807][系统设计的三次迭代]
  • [2018/11/18] Java数据结构(2) 简单排序 冒泡排序 选择排序 插入排序
  • [51nod1610]路径计数
  • [BZOJ2208][Jsoi2010]连通数