跳到主要内容

构建渐进式 Web 应用程序 Mendix

原生移动应用

怎么做 Mendix 原生移动应用程序有用吗?

通过 Mendix,您可以从单一集成的可视化开发环境构建真正的原生移动应用程序。

Mendix 原生移动应用是真正基于 React Native。原生移动应用与混合应用的不同之处在于它们不在 Web 视图中呈现。相反,它们使用原生 UI 元素,从而实现更快的性能、流畅的动画、自然的交互模式(如滑动手势)以及对所有原生设备功能的改进访问。React Native 拥有一个不断构建组件和模块的大型社区,该社区支持用户创建具有众多扩展选项的丰富原生移动应用。此外,为了获得出色的用户体验,原生移动应用基于 离线优先架构.

在原生移动应用中,您可以重用现有的域模型和逻辑。原生移动页面针对移动使用进行了优化,因为它们仅显示原生移动小部件和相关属性。在设计丰富的用户体验时,这些页面可以通过拖入页面编辑器的移动特定操作、控件、转换和手势来利用原生设备功能。通过将布局更改为原生移动布局,可以将现有的 Web 或混合应用页面用于原生移动应用。并应用一致性检查以确保不使用与 Web/混合移动相关的功能。

可以将原生移动应用作为附加渠道添加到现有的 Mendix 应用程序。有关详细信息,请参阅 如何 Mendix 支持多渠道应用吗? 部分 前端.

A Mendix 原生移动应用程序连接到 Mendix 运行时服务器以便加载。这充当应用程序的移动后端即服务 (mBaaS),其中通信由 Mendix。移动应用程序会在启动时以及之后使用时自动加载所需的一切内容。

如何在我的移动应用程序中利用设备功能?

Mendix 原生移动应用程序开箱即用,具有丰富的操作,可利用原生设备功能(例如摄像头、生物特征认证、GPS 和蓝牙)以及平台功能(例如共享数据、打开导航和起草电子邮件)。

 

此外,可以使用小部件来利用本机功能,从而获得出色的 UI 和 UX。您可以轻松地将这些小部件添加到本机移动应用项目中,并在 Mendix 工作室专业版。

如果需要其他设备功能,您可以使用自定义 nanoflow 操作或包装的可插入小部件来扩展项目 React Native 组件或 API 以充分利用设备功能。有关详细信息,请参阅 如何延长 Mendix 前端?.

如何预览和测试我的原生移动应用程序?

您可以预览 Mendix 本机移动应用程序直接在您的设备上通过 Mendix Make It Native 应用程序(适用于 安卓iOS)通过扫描 Mendix Studio Pro 或手动输入 IP 地址。当您对应用程序进行更改并按下运行按钮时,应用程序将自动重新加载,快速使您的更改可见,同时保持原始状态,以便您仍然在同一页面上使用相同的数据。这创造了一个非常短的反馈周期。除此之外,您可以在更改样式后使用简单的三指标签重新加载应用程序。

欲了解更多信息,请参阅 如何开始使用原生移动应用 ,在 Mendix Studio Pro 使用方法.

如何扩展我的原生移动应用程序?

Mendix 原生移动应用与常规 React Native 移动应用类似。开发人员可以完全访问源代码,提供许多自定义和扩展选项。

您可以使用自定义 UI 组件或应用逻辑扩展原生移动应用,以利用任何类型的可视化、UI/UX 或设备功能。React Native 社区提供了许多可以利用的组件。有关详细信息,请参阅 如何延长 Mendix 前端? in 前端.

此外,您还可以使用 React Native 模块与自定义 SDK 集成或使用自定义原生代码扩展您的应用。原生模块将原生类暴露给 JavaScript,让您可以在原生移动应用内执行设备上的任意代码。您可以在以下位置找到许多开源原生模块: NPM或者按照以下方法创建自己的 React Native 指南.

如何构建和分发我的原生移动应用程序?

Mendix 提供完全由 UI 驱动的方法来构建原生移动应用的二进制文件。开发人员可以直接从 Studio Pro 启动 UI 来构建二进制文件以供开发或分发。使用简单的向导或通过高级设置,开发人员可以轻松配置多种设置,如应用名称和 ID、图标、启动画面、推送通知、API 密钥、权限等。开发人员还可以创建适合不同环境或其他变体的不同配置文件。

 

通过此用户界面,可以通过以下方式自动构建应用程序 Microsoft Visual Studio 应用中心.

在 Microsoft Visual Studio App Center 中构建的应用程序的屏幕截图。

选择你的语言