java - Vaadin WebApplication - 可以使用离线模式吗？

Question

所以情况是这样的:我最近从一位离开公司的前同事手中接过了 Vaadin8 WebApplication 的职责，这意味着我现在将负责维护以及开发客户可能想要的任何增强功能。该应用程序基本上显示一个表单，用户可以在其中输入他/她的个人数据，单击“提交”后，这些数据将被发送回应用程序服务器，然后应用程序服务器将数据存储在后端数据库中。

由于客户计划在 WiFi 连接可能非常糟糕/不可靠的环境中使用此应用程序(例如，有数千人同时访问 WiFi 的大型展会)，因此他们要求我想出一种可以使用该应用程序的方法离线使用。这意味着无论有没有互联网连接，应用程序都应该可用，并且数据应该存储在本地，直到重新建立连接。

现在，就我对 Vaadin 的了解(我绝不是 Vaadin 专家，上次短暂接触 Vaadin 已经是 2 年前了)，离线操作并不是 Vaadin 真正要做的事情，尤其是因为它服务器端架构。

我的问题因此，是否有任何好的方法可以实现上述要求。

在谷歌搜索时，我发现了 Vaadin Touchkit，它或多或少似乎可以满足我的要求。然而，对我来说(之前没有使用过它)，它看起来是一种非常深入地集成到应用程序中的技术，这使得我很难估计“转换”现有应用程序所需的工作量到“touchkit-app”。

任何关于要考虑哪些技术的帮助和/或建议将不胜感激。

Answer 1

Now, as far as I understand Vaadin (I am by no means a Vaadin expert, last time I briefly touched Vaadin was 2 years ago), offline operation is not really what Vaadin is meant to do, not leastly because of its server-side architecture.

是的，带有 Java 的 vanilla Vaadin 是有状态架构，因此不支持开箱即用的离线操作。

While googling around a bit, I came across Vaadin Touchkit, which more or less seems to do what I want.

是的，Touchkit 5 与 Vaadin 8 旨在创建移动应用程序。请注意，如果您的目标是创建一个在桌面和移动设备之间扩展的应用程序(包括离线支持)，Touchkit 不太适合该目的。当您想要创建两个 Vaadin UI 应用程序(一个用于桌面，一个用于移动设备)时，Touchkit 可以正常工作。它们可以共享一些通用的业务逻辑和后端逻辑。

Any help and / or suggestions on what technologies to look at would be greatly appreciated.

我们最新版本的框架 Vaadin 14 基于不同的客户端技术堆栈。它还不支持复杂的离线模式逻辑。然而它支持 simple offline page ，可以定制。

文档位于:https://vaadin.com/docs/v13/flow/pwa/tutorial-pwa-offline.html

还有另一个讨论，看看如何尝试自定义它: PWA offline mode not loading from cache on mobile browsers

从 Vaadin 15+ 开始，也可以使用 TypeScript 创建 View 。其主要用例之一是能够创建本质上无状态的 View ，并且也更容易支持离线。有a chapter about creating offline views在 Vaadin 的文档中。