渐进式 Web 应用程序 | Mendix

跳到主要内容

渐进式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 来创建可读且强大的测试脚本。

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

 

Menditect 控制面板截图

选择你的语言