第16章，我们学会了如何构建我们移动端的功能。在这章，我们具体看一下，在移动端应用中，如何通过纳流来构建客户端的业务功能。
在本章中，我们将学会:
- 纳米流的作用以及如何使用它们
- 如何设置专门针对移动设备的应用程序的导航和安全性
- 如何发布您的应用程序并在您的移动设备上查看它
添加地理位置功能
要在地图上显示地址的位置，您需要定义触发器。在患者姓名旁边有一个可操作的图标应该可以解决问题。
- 在您的{Address} 文本小部件下方添加一个标准按钮。 让我们让它看起来有点不同。在属性中，将渲染模式更改为链接， 删除标题，并添加图标地图标记。
- 现在您需要配置点击事件以调用 nanoflow。 在您的 Mobile 文件夹中创建一个新的 nanoflow，其名称遵循与微流相同的约定：ACT_Patient_ShowLocation。
- 前往您的新纳米流。这个纳流已经有一个输入参数，Patient。您只需要 Nanoflow Commons 的一项活动：打开地图。在工具箱中找到它并将其拖到您的 nanoflow 中。
- 通过将 Location 参数设置为 $Patient/Address来配置活动。不理会输出值；你将不需要它们。
- 设置安全性以允许员工访问此纳米流，您就完成了！此操作将打开一张地图并在其上显示培训活动的位置。
当你在滚动时，让我们快速添加第二个导航纳米流。
- 添加包含两个部分的布局网格。将现有的小部件放入左侧。在右半部分添加一个新按钮。 您要确保在小手机屏幕上正确点击每个按钮都很容易，因此它们之间的距离越远越好。调整按钮的属性。说明：导航。图标：道路。按钮样式：Primary。
- 将 On click 操作设置为Call a nanoflow。创建另一个新的纳米流ACT_Patient_NavigateTo。
- 打开新的 nanoflow。就像以前一样，在项目浏览器中转到 Nanoflow Commons，但这次抓住一个Navigate to activity 并将其放入。
- 将 Location 参数配置为 $Patient/Address。单击确定。
- 让员工访问这个纳米流，你也完成了！
通过此按钮将打开地图应用程序并从护士的当前地理位置开始导航到患者的指定地址。
发布
在测试新创建的功能之前，最好确保数据库中有所有模拟 HR 数据，以及一些生成的班次和一两项技能。您需要创建一些患者和可以登录的员工帐户。创建一两个患者，并提供合法地址。你可以很只要你得到号码、街道、城市和省，服务就会弄清楚。接下来创建一个新员工并设置用户名和密码，以便您可以使用它登录。
要轻松查看您的应用在移动设备上的外观，请在本地运行并使用Phone Web Offline查看器进行查看。使用您的员工帐户登录。地图功能在这里不起作用，但它比其他方法更快。
为了在移动设备上查看您的应用程序，您需要发布或运行它。
在移动设备上查看您的应用
为了在移动设备上查看您的应用程序，您需要发布或运行它。让我们继续这样做吧！
- 单击运行按钮。您的应用将在几分钟内部署到免费应用环境。舒展一下身体或喝点水。
- 完成应用部署后，单击查看。响应式网络会很好。您的应用将在浏览器中打开，其 URL 包含单词“沙箱”和您的应用名称。您可以复制此 URL 并从任何地方打开应用程序！
- 免费沙盒应用程序不使用与本地实例相同的默认凭据，但您可以在 Studio Pro 中找到它们。前往您的演示用户设置。编辑 demo_administrator。在窗口的右上角附近会有一个有用的链接：将密码复制到剪贴板。点击它！您现在可以使用
demo_administrator刚刚获得的用户名和密码登录您的沙盒应用程序。 - 以管理员身份进入后，您会看到此应用程序中没有数据，因为它是刚刚创建的。没关系; 我们将在更远的地方建立一个完整的测试环境，供所有护士尝试。现在，只需让至少一个患者有一个地址和一个您可以登录的员工帐户。
- 完成后，从移动设备访问 URL。您应该会在屏幕上收到将 Summerhill Hospital 添加到主屏幕的提示。继续安装吧！
- 单击主屏幕上新安装的快捷方式，然后使用您刚刚创建的员工凭据登录应用程序。您的居家患者导航页面应该会出现。
- 试试看！尝试两个地理定位按钮。关闭您的 wifi 和数据访问，看看应用程序如何继续工作。这就是 PWA 的优势。
花一些时间测试此功能以确保它已准备好发布。
结束了，撒花🎉🎉🎉🎉🎉
到这里，我们所有的新手入门课程就结束了。希望通过这个旅程，让我们了解到西门子Mendix 低代码开发的魔力。
后续我们也会结合大家的需求，继续更新其他系列，如果大家有任何需求，也欢迎留言！！！
