这是关于 构建混合移动应用程序 - Mendix。第一部分是关于准备您的软件、设备和帐户。阅读第一部分 开始。在这一部分中,我将深入介绍如何构建实际的应用程序。
下图显示了使用以下方式创建移动应用程序时要采取的高级步骤: Mendix我将逐一讨论这些步骤并提供一些实用技巧。

我会用这个 Mendix 以 World 应用程序为例,它是一款支持离线的应用程序,可显示有关 Mendix 世界 活动。该应用程序允许您提供反馈并具有投票功能。
型号
从模型的角度来看,创建移动应用程序与创建普通应用程序相同 Mendix web 应用程序。但是,您需要注意以下几点。
此 Mendix 前端是响应式的,这意味着布局和元素将自动调整到屏幕尺寸,以便您建模的页面可以在移动设备上呈现。但是,移动设备的使用与桌面设备有很大不同,因为用户使用屏幕手势而不是鼠标,屏幕较小,用户期望不同的导航,存在不同(较慢)的连接类型,等等。
此外,移动应用程序的目标与普通的网络应用程序不同,因为它通常只有一个目的,例如显示事件信息或执行检查,而不是多种功能。
为了提供更好的体验,请使用移动/平板电脑配置文件(默认启用),可在项目导航中启用。此导航由移动应用程序使用,因此您可以从一个模型中为台式机、手机和平板电脑创建一个频道。
要求 Mendix World 应用程序需要能够在没有互联网连接的情况下工作,它由 Mendix. 有关离线移动应用程序的更多信息 Mendix请参阅离线文档和 使用 Mendix 研讨会。
建模技巧
以下是为移动应用创建模型时的一些提示:
- 保持页面简洁,以方便用户使用并实现最佳性能
- 为了获得更好的性能,如果可能的话,使用关闭页面/打开页面/新按钮而不是微流程操作
- 对于手机,最好使用列表视图或模板网格,因为它们更适合触摸,而不是数据网格
- 限制单个页面上的字段数量,以便用户不必滚动
- 限制使用透明 CSS 属性,因为它会对性能产生负面影响
- 对移动页面和微流程使用单独的模块,以便更好地概览您的项目
- 当使用手机应用的布局容器时,添加一个类 col-xs-N,其中 N 是列大小。
查看并测试正在开发的移动应用程序
在开发过程中,您还希望测试和预览您的移动应用程序。 Mendix 具有所见即所得功能的 Web Modeler 即将发布,这样您就可以直接看到您的移动应用程序的外观。目前,有几种查看和测试应用程序的方法,每种方法都有各自的优缺点。

要直接在浏览器中查看您的应用程序,请从建模器的“查看应用程序”菜单中选择查看选项。

你可以很容易地测试一个 Mendix 在您的手机上作为真正的应用程序进行投影 Mendix 开发者应用程序。下载 Mendix 开发者应用程序在这里:
另一种快捷方法是通过打开开发人员工具 (F12) 并选择左上角的设备图标来在 Google Chrome 中模拟设备。
稍后我将讨论如何将应用程序部署到特定设备。
请注意,由于建模器会检查无效构造,因此离线移动应用的测试大部分可以在浏览器中完成。要轻松地在浏览器中测试离线应用,请在手机(或平板电脑)配置文件中使用与离线配置文件相同的主页。请注意,最终您还应该在真实设备上进行测试。
生成混合移动应用程序
如前面提到的, Mendix 杠杆 PhoneGap 构建 创建你的移动应用程序 Mendix 应用程序。通过开发者门户中项目的“发布”选项卡,您可以单击“发布到移动应用商店”以转到混合应用程序的设置。在这里,您可以输入名称、应用程序标识符、描述、启动画面和图标。然后,通过“发布到移动应用商店”按钮,您可以转到可以生成混合应用程序的页面。在生成混合应用程序之前,您可以指定应用程序应连接到哪个环境。此后,您可以将应用程序直接发送到 PhoneGap Build 或下载并稍后手动上传。
请注意,PhoneGap Build 提供免费帐户,每次只允许运行一个应用程序。
构建应用程序
一旦您的应用程序被发送或上传到 PhoneGap Build,它就会自动开始构建。
对于 Android,此功能开箱即用,构建后,您可以通过下载链接或二维码直接下载 Android 二进制文件(APK 文件)。请注意,这是一个调试版本,仅用于测试和开发目的。
对于 iOS 版本或生产版本,您需要开发者证书。有关获取证书的更多信息,请参阅:
将移动应用程序发布到应用商店
当您的证书设置完毕并可以构建应用程序的生产版本后,您可以将应用程序发布到应用商店,例如 Google Play Store 和 Apple App Store。
安卓
要将 Android 应用发布到 Google Play 商店,您可以从 PhoneGap Build 下载签名的 APK,然后将其上传到 https://play.google.com/apps/publish/.
iOS
要发布到 Apple App Store,您需要 Application Loader,它是 Xcode 的一部分(通过 Xcode / Open Developer Tool / Application Loader),可从 App Store 下载。启动 Application Loader 时,您可以添加 PhoneGap Build IPA 文件并将其上传到 Apple iTunes Connect。
Beta 测试和验收测试
通过 PhoneGap Build,还可以通过启用以下功能公开提供应用程序链接: 允许公开分享 通过应用程序的设置选项卡。
Android 用户应启用 未知的来源 选项(在“设置 - 安全”下)后,应用程序才能安装。请注意,对于 iOS 应用程序,必须将您的设备 ID 添加到配置文件中。请参阅 导出您的应用以供测试(iOS、tvOS、watchOS).
对于 iOS 应用,您还可以使用 TestFlight 向一组用户提供测试版本。这在进行 Beta 版/验收测试时非常有用,因为当您上传新版本时,它会自动发送给测试用户。有关 TestFlight 的更多信息,请参阅 https://developer.apple.com/testflight/.
这涵盖了移动应用程序生命周期的基础知识 Mendix。下周我将详细介绍混合应用程序、其工作原理以及如何创建自己的移动小部件。祝您玩得开心 使用以下方式构建您的移动应用程序 Mendix!
