渐进式Web应用程序

怎么做 Mendix 渐进式 Web 应用程序 (PWA) 有效吗？

渐进式 Web 应用程序 (PWA) 是一种特殊类型的 Web 应用程序，它逐步使用浏览器的更多功能来改善用户体验。 Mendix 渐进式 Web 应用类似于网络应用，但 PWA 提供了更多功能 — 例如部分或完全离线工作的选项、添加到设备主屏幕的选项以及对设备功能和 Web 推送通知的支持。PWA 通常用于移动应用程序，但也可以用于桌面应用程序。

开发人员可以像创建 Web 应用一样创建 PWA。这种对称性为开发人员提供了他们习惯的所有选项，并使他们能够重复使用现有的组件和知识。此外，开发人员可以应用离线优先方法来提高其应用程序的性能和可用性。

开发人员可以仅启用其用例所需的 PWA 功能，例如 添加到主屏幕 支持、资源缓存（用于页面、样式和逻辑等）或完全离线支持。开发人员还可以添加功能以利用设备功能（如相机、位置服务）或添加对 Web 推送通知的支持。请注意，可用功能取决于浏览器功能。

正如在讨论中如何 Mendix 支持多渠道应用吗？部分前端，PWA 是 Mendix 应用程序。这 Mendix 客户端负责呈现 Web 应用，这些应用是基于 JavaScript、HTML5 和 CSS3 的丰富单页应用程序 (SPA)。PWA 还使用服务工作线程来缓存数据并提高性能。

使用所见即所得的页面编辑器 Mendix Studio Pro，用户可以对可以在本地运行或直接从 Studio Pro IDE 部署的页面和交互进行建模。在本地运行时，更改会直接显示出来。这是通过我们的 即时更新 该功能可在保留当前状态的同时立即重新加载 UI，让应用程序的测试和预览变得轻而易举。

当应用程序部署到云中时，静态资源（HTML、CSS、JavaScript）将部署在前端服务器上，该服务器会缓存并高效地提供资源。PWA 还可以将资源缓存在用户的浏览器中以提高性能。主要入口是 index.html的 页面，加载 Mendix 客户端，呈现页面并开始处理事件。如果需要身份验证，最终用户将被重定向到登录页面或身份提供商。 Mendix 通过应用缓存破坏机制确保部署新版本时不会出现缓存问题。

- Mendix JavaScript 客户端渲染 UI、处理浏览器中的操作，并通过 HTTPS 与 API 进行通信 Mendix 运行时。此富客户端无需调用服务器即可执行许多操作，从而最大限度地减少昂贵的服务器往返次数。结合我们的客户端功能事实是 Mendix 应用程序支持浏览器的后退/前进功能，同时遵守可访问性指南，您可以高效地建模具有出色性能的 Web 应用程序。

如何 Mendix 支持不同的屏幕尺寸和设备吗？

Mendix 页面默认为响应式，因此会自动调整以适应屏幕尺寸。这样一来，Web 应用在从台式机到手机的各种屏幕尺寸上都能完美呈现。为了优化用户体验，您可以为手机和平板电脑定义单独的移动 Web 渠道。设备类型（如手机、平板电脑或台式机）也可以用于其他场景的逻辑中。

Mendix 针对每种设备提供了几种常见模式和最佳实践，以帮助您打造出色的用户体验。您还可以使用自定义变体扩展这些模式，如用户界面设计.

如何分发我的渐进式 Web 应用程序？

由于 PWA 是 Web 应用，因此可以通过在浏览器中打开 URL 轻松测试和分发这些应用。对于本地开发， Mendix 生成二维码，以便您可以在移动设备上快速测试 PWA。

如何测试我的渐进式 Web 应用程序？

Mendix 提供了一个集成工具，称为 Mendiect 测试自动化 (MTA) 其中（非技术）用户可以测试 Web 应用程序的用户界面（UI）、流程、组件和微流逻辑单元。

也可以使用标准测试工具进行 UI 测试，例如硒或托斯卡。因为 Mendix 小部件在文档对象模型（DOM）中具有唯一标识符，测试工具可以轻松利用这些 ID 来创建可读且强大的测试脚本。

欲了解更多信息，请参阅测试自动化和质量保证.