摘要：如果你想做一个物联网控制APP，但又不想有太多的编码工作量，那么“框架”的方式比较好。也就是以某种形式，生成一个可以控制物联网设备的网页，然后把这个网页“打包”成一个APP，或者制作一个浏览器APP，让浏览器只能显示这个网站。本文以阿里云物联网平台“移动可视化”为例，讲解制作此类APP的具体方法。

实现的效果如下图所示： 要实现这个效果，需要大量的技术知识。今天我们先把“框架”中的“网页”部分解释清楚，下一篇再讲“框架”。

开发环境：硬件（开发板），软件：阿里云物联网平台IoT。

目录

具体步骤如下：

1.在阿里云IoT平台注册产品

我这里就不详细说了。详情请参考如何添加设备到阿里云物联网平台

2.获取设备“三元组”信息

这三个参数（其实还有第四个参数，阿里云生活物联网平台下常用）

3.将三元组信息烧录到设备中

以阿里云为例，将三元组信息烧录到设备中的方法是将三元组信息直接写入固件代码中。例如，还有一些硬件支持将三元组制作成单独的文件并将其刻录到指定的分区。这两个操作的目的是一样的，都是让设备拥有一张身份证、一机一密。

操作方法就是将代码中对应位置的单引号内的信息替换为当前设备的三元组信息。

不同的设备有不同的方法将固件代码烧录到设备中。具体操作方法请参见相应设备的说明书。

燃烧方式为“推”。因为js引擎已经内置，所以不需要编译烧录。相反，您可以使用串行端口将代码“传输”到设备。设备复位后，js程序自动执行。它采用同时解析和执行的方式，非常方便。

4.利用IoT创建新的移动可视化项目

物联网应用开发（IoT）是阿里云针对物联网场景提供的生产力工具，属于阿里云物联网平台的一部分。可覆盖物联网各行业核心应用场景，帮助您高效、经济地完成物联网数据分析、设备、服务和应用开发，加速物联网SaaS建设。

物联网应用开发提供Web可视化开发、移动可视化开发、业务逻辑开发、物联网数据分析等一系列便捷的物联网开发工具，解决物联网领域开发环节长、技术栈复杂、协作成本高等问题。物联网发展。程序移植困难的问题。

物联网移动可视化开发功能最初提供了APK文件的在线生成，非常方便。此功能很快就被取消了。

2020年11月11日上线的改版移动可视化功能，不再支持APK文件生成。相反，会生成适合移动设备的页面。

具体方法如下：

进入控制台

进军移动可视化开发

新建一个可视化应用，输入应用名称，选择所属项目。

5.配置页面和控制组件

视觉设置页面具有三个主要功能。 “Page”页面用于可视化编辑。所见即所得。 “组件”页面用于在页面中添加需要的组件，如文本、图片、按钮、列表等，可以做出非常漂亮的界面。

例如，如下图所示，您可以添加文本、指针、曲线等元素。如果你付出更多的努力，你可以设计出非常漂亮和优雅的界面。例如，该界面上有一个按钮，用于控制开发板上的LED灯。

通过配置按钮的数据源，可以将按钮与开发板的LED灯绑定。方法是选择产品---设备---数据项。在此示例中，选择了开关属性。该属性是在物联网平台上创建新产品和设备时定义的。如果没有定义的属性，则不能在这里设置。设置完成后，如果点击验证数据格式，出现验证成功的提示，则证明设置成功。

阿里云物联网平台IoT的设计理念是在线无代码编程。通过简单的拖放操作来实施移动应用程序。

6. 发布前的设置

正如本文开头提到的，这种方法最简单，制作一个网页即可。但凡事都有有利有弊：制作页面很简单，但发布却很麻烦。

这个界面是一个网页。您可以预览它。如果想让普通的手机能够运行并控制真实的设备，就必须具备互联网通讯的功能。说白了，你必须有一个域名和一个公网IP。 。

这是正确的！相当于有一个专门的网站。

那么你需要钱买服务器，还需要钱买域名。这些可以在阿里云上购买。

如果你做一个简单的实验，你可以购买一年的域名，通常每年花费三十或五十元。

不需要购买服务器，费用有点贵。如果您是做物联网应用，建议购买阿里云物联网平台的套餐包。您无需在服务器端配置MQTT等服务。阿里云一键完成操作，按量计费。价格很便宜。例如，试用版一年仅需12元。轻量版一年仅需60元，两年仅需120元。但购买90元以上套餐，将获得一个注册服务号。该号码可用于注册域名。

购买物联网平台小包后，您将拥有一个公网IP地址。

获得域名和公共IP地址后，您需要向工业和信息化部注册。备案时，您需要注册服务号码。注册过程相对较慢，涉及电话验证、信息修改、短信验证等。

注册成功后，您可以返回阿里云物联网平台的IoT，设置您设计的页面的域名地址（当然还有解析操作）。发布您设置的移动可视化页面。

7. 发布移动可视化页面

点击物联网移动可视化操作页面上的飞机小图标即可发布。

成功发布页面。

8.验证

通过浏览器输入设置的域名，就可以看到极其巨大的“移动”页面。没关系，如果可以通过互联网访问，那么通过手机也可以访问。

例如通过小米8浏览器访问

9. 后续步骤

对于可通过网络访问的页面，您不能只向客户提交 URL，对吗？

客户希望有一个可以通过手机点击APP图标来控制的应用程序。

下一篇文章将介绍如何制作APP。一键即可看到此页面。