- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个公开休息端点的网络应用程序。客户端将数据发布到此端点。我需要显示他们在我的网络应用程序中发布的内容,而不刷新用户界面。
我的第一个方法是将发布的数据保存在数据库中,并进行 ajax 调用,该调用将不断寻找要显示的新数据。这增加了开销,因为我不需要保存收到的内容。其次,我遇到了网络套接字,其中客户端和服务器可以进行全双工通信。
有更好的方法吗?
P.S:我的休息端点是使用 Spring Boot 开发的。
最佳答案
通常有三种方法可以让客户端在服务器事件上更新:轮询、长轮询和服务器端推送。它们都有各自的优点和缺点:
轮询是实现此目的的最简单方法。您只需要在客户端有一个计时器即可。反复查询服务器以获取更新并重用您已有的代码。
特别是如果您有很多客户端,服务器可能会被大量 GET 请求淹没。这可能会增加计算和网络开销。您可以通过在服务器端使用缓存代理(作为应用程序的一部分或作为单独的工件/服务/节点/集群)来缓解这种情况。缓存 GET 请求通常非常容易。
轮询似乎不是最优雅的解决方案,但在许多情况下它已经足够好了。事实上,轮询可以被认为是执行此操作的“正常”休息方式。 HTTP 指定类似 if-modified-since header 的机制用于改进轮询。
长轮询的工作原理是使 GET 请求成为阻塞操作。客户端发出请求,服务器会阻塞,直到有新数据为止。然后请求(可能很久以前就提出了)得到答复。
这极大地减少了网络负载。但也有几个缺点:首先,你很容易犯这个错误。例如,当您将此方法与 session Bean 的服务器端池相结合时,您的 Bean 池可能会很快用完,并且您会遇到美妙的拒绝服务。
此外,长轮询不适用于某些防火墙配置。某些防火墙可能会认为此 TCP 连接已经安静了太长时间,并将其视为已中止。然后,它可能会默默地丢弃属于该连接的任何数据。
缓存代理和其他中介可能也不喜欢长轮询——尽管我没有可以在这里分享的具体经验。
尽管我花了相当多的时间来描述其缺点,但在某些情况下,长轮询是最好的解决方案。您只需要知道自己在做什么。
服务器还可以直接通知客户端有关更改的信息。 Websockets 是详细介绍这种方法的标准。您可以使用任何其他 API 来建立 TCP 连接,但在许多情况下,Websocket 是最佳选择。本质上,TCP 连接保持打开状态(就像长轮询一样),服务器使用它来将更改推送到客户端。
此方法在网络级别上类似于长轮询方法。因此,它也有一些缺点。例如,您可能会遇到相同的防火墙问题。这是 websocket 端点应该发送心跳的原因之一。
最终,哪种解决方案最好取决于您的具体要求。如果您愿意每十秒或更短的频率进行轮询,并且这不会给您在客户端上的电池使用或数据传输量方面带来麻烦(例如您正在构建智能手机应用程序),我建议您使用简单的轮询机制。如果轮询还不够,请考虑其他两个选项。
关于java - 创建 web 应用程序的最佳方法,该应用程序通过外部客户端调用自己的其余服务来动态更新 UI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39816885/
如何指示 webpack 排除所有 d3 模块? // does not work externals: { "d3-*": "d3" } 所以如果应用导入了d3-submod
这个问题在这里已经有了答案: 9年前关闭。 Possible Duplicate: What does “outer =>” really mean? 我在哪里可以找到有关信息 trait After
这是一个简单的循环,我正在尝试对性能进行基准测试。 var extremeLoop=function(n){ var time=new Date() var t=0; for(
问题+概述 下面是两个片段,其中包含最初隐藏的 div,然后通过单击 button 和 jQuery 的 .show() 显示。两个 div 都具有由外部样式表应用的 display: grid; 样
我有一个 HTML 页面和一个单独的 .js 文件,该文件包含在带有 的页面中标签。 这是我的 .js 文件: element = document.getElementById("test");
我在 linux 静态库项目中有 3 个文件,我想在两个类方法实现文件中使用的静态字段存在链接问题。我有 class1.h、class1main.cpp 和 class1utils.cpp。 clas
我正在尝试将颜色背景更改为默认背景颜色,当我点击输入框外 我尝试使用“null”或“none”但没有用? window.addEventListener('click', outsideClick);
我正在编写一个应用程序,要求用户在手机上选择各种类型的文件。我使用此代码启动文件选择器 Intent : Intent intent = new Intent(Intent.ACTION_GET_C
在 android 中,不可移动(内部)的外部存储和内部存储有什么区别?我不确定在哪里保存我的数据。我只需要保存一个人可以随时提取的游戏统计数据 谢谢 最佳答案 在许多较新的设备中,将不再有物理区别,
在 C++ 中,假设我们有这个头文件: myglobals.h #ifndef my_globals_h #define my_globals_h int monthsInYear = 12; #en
我正在尝试使用 externs 在 C++ 中连接到 Ada。这两种实现有什么区别? 实现A namespace Ada { extern "C" { int getN
这个问题在这里已经有了答案: Get selected element's outer HTML (30 个答案) 关闭 2 年前。 想象一下我们有这样的东西: Hello World 如果我们这样
假设我在模块的顶部有这个: Public Declare Function getCustomerDetails Lib "CustomerFunctions" () As Long 如果我从 VB6
我目前正在使用这段代码: var wordRandomizer = { run: function (targetElem) { var markup = this.creat
我们正在使用 SVN 试水,并以 Beanstalk 作为主机。我们的设置如下所示: 存储库:模块 模块一 模块二 模块 3 存储库:网站1 自定义网站代码 svn:对模块 1 的外部引用 svn:对
有没有办法在负载均衡器中设置自动外部 IP 分配给像谷歌这样的服务? 我在裸机上运行 Kubernetes。 谢谢 最佳答案 使用 nodePort 类型的服务,它会将您的服务绑定(bind)到所有节
是否有可能在 Controller 之外使用 generateUrl() 方法? 我尝试在带有 $this->get('router') 的自定义存储库类中使用它,但它没有用。 更新 我在这里找到了一
我目前正在尝试通过 Webpack 外部对象外部化 Angular 依赖项来缩短构建时间。到目前为止,我已经为 React 和其他小库实现了这一目标。 如果我只是移动 '@angular/compil
我想创建一个自动应用其他插件的插件(外部插件)。这要求在我称为“应用插件”之前为插件设置构建脚本依赖项。但是似乎我无法在插件中添加buildscript依赖项,或者得到了: 您不能更改处于未解析状态的
我是R包的创建者EnvStats . 有一个我经常使用的函数,叫做 stripChart .我刚开始学习ggplot2 ,并在过去几天里仔细研究了 Hadley 的书、Winston 的书、Stack
我是一名优秀的程序员,十分优秀!