首页 > 其他分享 >让 Spartacus 服务器端渲染引入 long API 调用超时机制的两种配置方法

让 Spartacus 服务器端渲染引入 long API 调用超时机制的两种配置方法

时间:2023-04-13 10:31:50浏览次数:31  
标签:const 服务器端 req long DELAY proxy http 超时 Spartacus

两种方法,使用 config.backend.timeout = { 浏览器:...,服务器:...} ,或者可以更具体地配置,即基于 Request 粒度,通过将 HTTP_TIMEOUT_CONFIG HttpContextToken 传递给 Angular HttpClient 的方法来针对每个具体请求进行配置。

在SSR(Node.js)中,超时处理耗时过长的外部http调用是一项尤为重要的改进,因为在Node.js中,与浏览器不同,Node.js 运行环境下并没有默认的外部http调用超时时间(浏览器通常会在长时间后超时长时间的http调用,例如1分钟)。

这种可配置的超时逻辑现在已经在Spartacus中的 Angular Http拦截器层面上实现。也就是说,在 Spartacus SSR long API timeout 功能发布之前,客户可以自己实现类似的逻辑,例如通过自己实现 Angular Http 拦截器来实现。

配置代码:

provideConfig({ 
  backend: { 
    timeout: { 
      server: 3_000,
      browser: 3_000
    }
  }
})

如何使用代理服务器制造后台 API 响应的延时效果

首先Install http-proxy tool:npm install -g http-proxy

然后开发一个 http-proxy.js server file

const httpProxy = require('http-proxy');
const http = require('http');

const proxy = httpProxy.createProxyServer({ secure: false });

const ENDPOINT_FOR_DELAY = 'consenttemplates';
const BACKEND_BASE_URL = 'https://jerry:9002';
const DELAY = 3000; // 手动硬编码的延时

/** custom predicate, whether we should delay a request */
const shouldDelay = (req) => {
  // Note: In browser there are 2 requests: preflight (OPTIONS) and actual request (GET).

  const result = req.url.includes(ENDPOINT_FOR_DELAY);
  result && console.log({ delay: DELAY, url: req.url, method: req.method });
  return result;
};

http
  .createServer(function (req, res) {
    const forwardRequest = () =>
      proxy.web(req, res, { target: BACKEND_BASE_URL });
    const delay = shouldDelay(req) ? DELAY : 0;
    setTimeout(forwardRequest, delay);
  })
  .listen(9002);

然后启动这个代理服务器:node http-proxy.js

最后在 .env-cmdrc 里指定环境变量 CX_BASE_URL:

  "dev": {
    "CX_BASE_URL": "http://localhost:9002"
  },

针对某个具体请求设置 timeout:

import { HTTP_TIMEOUT_CONFIG, HttpTimeoutConfig } from `@spartacus/core`;
​
/* ... */
​
​
return this.httpClient.get('/some/api', {
  context: new HttpContext().set(
    HTTP_TIMEOUT_CONFIG, 
    { server: 15_000 } // value in milliseconds 
  )
})

当超时真的发生之后,可以在 console 看到下列的警告消息:

Request to URL '${request.url}' exceeded expected time of ${timeoutValue}ms and was aborted.

总之,对于在 NodeJS 中运行的服务器端渲染应用程序的稳定性来说,为每个传出的 http 调用设置一个明确的超时时间是至关重要的。 否则,如果后端 API 响应非常慢(或从不响应),服务器端呈现的应用程序将等待响应很长时间(或永远)。 在这种情况下,为该应用程序分配的内存不会被释放,这会引起内存泄漏问题。

标签:const,服务器端,req,long,DELAY,proxy,http,超时,Spartacus
From: https://blog.51cto.com/jerrywangsap/6185136

相关文章

  • .NET 8新预览版本使用 Blazor 组件进行服务器端呈现
    简介此预览版添加了对使用Blazor组件进行服务器端呈现的初始支持。这是Blazor统一工作的开始,旨在使Blazor组件能够满足客户端和服务器端的所有WebUI需求。这是该功能的早期预览版,因此仍然受到一定限制,但我们的目标是无论选择如何构建应用,都能使用可重用的Blazor组件。......
  • 01 | C语言异常处理(jmp_buf、setjmp、longjmp)
    首先说明,C语言中的异常处理主要还是错误码的思路.其次,C语言中是有返回两次的函数的,比如说fork()函数在C语言中是没有trycatch块的,但并不代表没有异常处理。接下来我们简单明确三个概念,最后来一个简单的小例子。1.三个概念使用一个jmp_buf的类型变量来充当异常......
  • 服务器端口无法访问
     1.防火墙:服务器上的防火墙可能会阻止端口连接。您需要在防火墙中打开相应的端口。2.端口未打开:如果您的服务器没有打开该端口,则客户端无法连接。您需要在服务器上打开相应的端口。3.ISP阻止:ISP可能会在其网络上阻止某些端口的连接。您需要联系ISP以了解其政策。4.路由器......
  • SAP Emarsys 和 SAP Spartacus 的集成
    要将WebExtendScriptsforEmarsys集成到SAPSpartacus中,可以按照以下步骤操作:在Spartacus项目的根目录中创建一个名为“emarsys”(或其他名称)的新文件夹,然后将EmarsysWebExtend脚本文件(例如12345.js)放入该文件夹中。在Spartacus项目的“index.html”文件中添加以下代码,以......
  • 编写一个程序以确定分别由signed及unsigned限定的char、short、int及long类型变量的取
    #include<stdio.h>#include<limits.h>main(){printf("采用打印标准头文件limits.h的相应值\n");//signertypesprintf("signedcharmin=%d\n",SCHAR_MIN);printf("signedcharmax=%d\n",SCHAR_MAX);prin......
  • 【Azure 应用服务】使用Docker Compose创建App Service遇见"Linux Version is too lo
    问题描述使用DockerCompose方式合并多个镜像(Images)文件,然后部署到AppService中,结果失败。报错LinuxVersion太长,不能超过4000个字符。错误消息:{"code":"DeploymentFailed","message":"Atleastoneresourcedeploymentoperationfailed.Pleaselistdeploymentoper......
  • Spartacus 4.0 升级到 5.0 后 checkout library 的设计变化
    在Spartacus4.0中,通过从原始storefront库中提取checkout功能,创建了一个新的checkoutlibrary实现。然而,这个新的库只有一个包含所有结帐流程的入口点,即使它们未被使用(例如scheduledreplenishmentflow)。但是,在Spartacus5.0中,checkout库已进一步分离为不同的业务逻......
  • Spartacus 项目中的 facade 和 core 文件夹
    Spartacus是SAPCommerceCloud的storefront框架,feature-libs文件夹下的facade文件夹和core文件夹是Spartacus中用于实现特定功能的库文件夹。它们各自的作用如下:facade文件夹:存放与storefront框架中的各种功能和业务逻辑相关的代码。这些代码通过facade模式......
  • D - Umka and a Long Flight
    题目D-UmkaandaLongFlight题意给一个整数n(1<=n&&n<=44)再给衣柜坐标x,y,从1开始,表示在一个长为f(n+1),宽为f(n)的长方形里的某一个1*1的小正方形长为f(n+1),宽为f(n)的长方形,由两个1*1的正方形拼成,然后由2~n边长的正方形拼成f(n)表示斐波那契数列,f[0]=f[1]=1......
  • 关于 fontawesome 库在 Spartacus 项目中的应用
    FontAwesome是一个广受欢迎的开源图标库,它提供了一系列的图标和符号,可以在Web开发中方便地使用。它包含了大量的图标,如社交媒体图标、箭头、菜单图标、表单控件图标、设备图标、通知图标等等。FontAwesome的图标是以矢量方式呈现的,这意味着可以根据需要缩放和变换大小而不会......