基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构

简介: 基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构

图片来源:

61.png

一个普通的 Angular 应用程序在浏览器中执行,在 DOM 中呈现页面以响应用户操作。 Angular Universal 在服务器上执行,生成静态应用程序页面,然后在客户端上引导。 这意味着应用程序通常会更快地呈现,让用户有机会在应用程序完全交互之前查看应用程序布局。


起点是用户的请求,通常从浏览器发出。


请求应该到达缓存层(例如 CDN),该层可能包含已经在服务器端呈现的应用程序,在这种情况下响应非常快。


CDN 通常将服务器端渲染存储一段时间,具体取决于业务需求。在给定时间之后,缓存失效。为了以最佳方式进行此失效,建议 CDN 在缓存被驱逐之前请求新的服务器端渲染,并在执行新渲染时继续提供现有缓存。


如果 CDN 没有缓存 SSR 渲染,它会将请求进一步转发到反向代理(例如负载均衡器)。


反向代理(通常是负载均衡器)将决定将请求转发到哪个 SSR 节点(在节点集群中)。


SSR 节点接收请求并开始渲染。它向 OCC API 发出 OCC 调用。


不建议将 SSR 服务器/节点直接暴露给用户,因为渲染速度很慢并且无法满足预期的响应时间。


OCC API 缓存层负责缓存来自 OCC API 服务器的 OCC API 响应。通常,这意味着缓存 GET 和 HEAD 请求的响应。如果 OCC API 缓存层缓存了响应,则立即将其返回给 SSR 节点,而无需将请求到达实际的 OCC API 服务器,从而使 SSR 节点执行渲染的速度非常快。


建议为 OCC API 服务器设置某种缓存层,因为这部分在服务器端渲染时花费的时间最多。


如果 OCC API 缓存层不包含给定请求的缓存响应,它会将其转发给 OCC 服务器进行处理。


目录
相关文章
|
7月前
|
前端开发 JavaScript 开发者
AngularJS:构建现代化Web应用的强大框架
在当今Web开发领域中,AngularJS已经变得非常受欢迎。它是一个由Google开发并维护的开源JavaScript框架,广泛用于构建现代化、高效且可扩展的Web应用程序。本文将深入探讨AngularJS的一些重要特性和优势,以及为什么选择AngularJS作为您的下一个Web开发项目的理想选择。
167 0
|
9天前
|
前端开发 JavaScript vr&ar
前端新技术探索:WebAssembly、Web Components与WebVR/AR
【4月更文挑战第12天】WebAssembly、Web Components和WebVR/AR正重塑Web应用的未来。WebAssembly允许C/C++等语言在Web上高效运行,提供接近原生的性能,如游戏引擎。Web Components通过Custom Elements和Shadow DOM实现可复用的自定义UI组件,提升模块化开发。WebVR/AR(现WebXR)则让VR/AR体验无需额外应用,直接在浏览器中实现。掌握这些技术对前端开发者至关重要。
15 3
|
1月前
|
开发框架 前端开发 安全
Angular:构建现代Web应用的终极选择
Angular:构建现代Web应用的终极选择
23 0
|
4月前
|
前端开发 JavaScript 容器
如何简化 Web 应用程序的开发过程?AngularJS 模块了解一下
如何简化 Web 应用程序的开发过程?AngularJS 模块了解一下
146 0
|
5月前
|
Web App开发 缓存 前端开发
Angular 应用支持 PWA(Progressive Web Application) 特性的开发步骤分享
Angular 应用支持 PWA(Progressive Web Application) 特性的开发步骤分享
46 0
|
5月前
|
数据采集 JavaScript 前端开发
Angular 服务器端渲染应用 re-hydration 过程详解
Angular 服务器端渲染应用 re-hydration 过程详解
45 1
|
5月前
|
运维 前端开发 JavaScript
基于 Angular Universal 引擎进行服务器端渲染的前端应用 State Transfer 故障排查案例
基于 Angular Universal 引擎进行服务器端渲染的前端应用 State Transfer 故障排查案例
42 0
|
6月前
|
存储 缓存 JavaScript
基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构
基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构
66 0
基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构
|
6月前
|
前端开发 JavaScript 搜索推荐
什么是 Angular 应用服务器端的预渲染技术 - prerendering
什么是 Angular 应用服务器端的预渲染技术 - prerendering
44 1
|
7月前
|
JavaScript 前端开发 测试技术
关于 Angular 开发时对主流浏览器支持的话题
关于 Angular 开发时对主流浏览器支持的话题
52 0

热门文章

最新文章