如何使用 Java 和 Spring Boot 构建 PWA：离线功能的最佳实践？

文章小白一枚，正在不断学习积累知识，现将学习到的知识记录一下，也是将我的所得分享给大家！而今天这篇文章《如何使用 Java 和 Spring Boot 构建 PWA：离线功能的最佳实践？》带大家来了解一下##content_title##，希望对大家的知识积累有所帮助，从而弥补自己的不足，助力实战开发！

我目前正在开展一个劳动力管理项目，其中关键要求之一是确保即使用户的设备暂时离线也可以访问某些功能（例如下班）。虽然这种情况很少见，但我希望通过根据需要启用额外的离线功能来确保应用程序面向未来。

使用案例：

• 后端： Java 与 Spring Boot
• 前端： Thymeleaf 与 HTMX（或可能的 Vaadin Flow）
• 关键要求： 能够缓存 POST 请求并在离线时导航到缓存页面。

我正在考虑的技术：

1. 带有 Thymeleaf 和 HTMX 的 Spring Boot： 我的首选堆栈。我喜欢使用 TDD 进行构建，这种组合非常符合我的经验。我已经使用 service-worker.js 构建了一个小演示项目来缓存和重新发送 POST 请求。我不确定这是否是未来继续添加离线功能的最佳选择。

2. Vaadin Flow： 我对 Vaadin Flow 很感兴趣，因为它非常注重完全用 Java 构建业务应用程序。但是，我担心它支持离线功能的能力，因为它会动态更新视图。据我了解，这将使得无法缓存整个页面以供离线查看。我知道 Hilla，但我需要在 Typescript 中创建所有视图，在我看来，这违背了使用 Vaadin 的目的。

3. PWA Starter： 我研究了 PWA Starter，但它似乎专注于用 Angular 或 React 等语言创建单页应用程序（SPA），这不符合我留在 Spring Boot 生态系统中的偏好。

4. Quarkus 或 JHipster： 我也考虑过 Quarkus 和 JHipster，但 JHipster 通常使用 Angular 或 Vue 作为前端，看起来我对此不太感兴趣。我正在寻找更接近 Java 的东西全栈方法。 Quarkus 好像主打微服务？

问题：

1. 在 Java 和 Spring Boot 应用程序中集成 PWA 功能（特别是离线功能）的最佳实践或框架/工具是什么？例如，也许有一个可以帮助服务人员的工具？
2. 有没有办法通过离线缓存有效地使用 Vaadin Flow，或者我应该坚持使用 Thymeleaf 和 HTMX 以更好地控制 Service Worker？
3. 您是否推荐在 Spring Boot 和 Thymeleaf 设置中实现 Service Worker 的任何特定资源、库或模式？

考虑到我倾向于留在 Java 生态系统中并避免添加重要的新前端技术，我正在寻求有关如何解决此问题的建议。我确信还有很多问题我没有考虑过。任何见解或建议将不胜感激！

回顾我尝试过的事情

• 我通过编写自己的 Service Worker 构建了一个演示。很好，但我不确定我能走多远。
• 我尝试了 Vaadin Flow，但后来意识到任何离线功能都需要 Typescript 和 Hilla。
• 我开始关注 FlutterFlow，但这似乎是针对用户设备离线的这种边缘情况做出的重大设计决策。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~