一种基于ESP32芯片的多平台兼容UI交互方法与流程

一种基于esp32芯片的多平台兼容ui交互方法
技术领域
1.本发明涉及多平台兼容ui交互技术领域，具体是一种基于esp32芯片的多平台兼容ui交互方法。


背景技术：

2.传统硬件的ui交互，往往需要依赖于其他硬件设备，比如液晶屏lcd、数码管led、键盘，因此会大大的增加硬件生产成本，ui设计成本，人工成本。
3.场景1、使用液晶屏lcd，需要增加一块高成本的彩屏或者墨水屏、黑白屏，以及一个电阻式或者电容式触摸屏。
4.场景2、使用数码管led，需要增加键盘或者矩阵按键，占地面积变大。
5.场景3、ui设计，液晶屏lcd依赖于专业的美工以及专业的技术人员，数码管led依赖于美工以及厂商之间的开模定制。
6.以上三种情况中的缺点：
7.场景1、液晶屏lcd占地面积大，成本高，使用频率低下。造成生产成本的增加，社会生产资源的浪费。
8.场景2、数码管led占用面积大，耗能高，不可重复利用，设计过程繁琐，开模成本高。
9.场景3、人员的增加，除掉技术，多了一个美工或者一个运维，造成产品的开发成本翻倍。


技术实现要素：

10.本发明的目的在于提供一种基于esp32芯片的多平台兼容ui交互方法，以解决现有技术中的问题。
11.为实现上述目的，本发明提供如下技术方案：一种基于esp32芯片的多平台兼容ui交互方法，包括以下步骤：
12.s1：mcu或硬件设备进行上电初始化，然后填写ui模型数据，串口/spi/i ic；
13.s2：本设备模块进行上电初始化，联网生成ui界面，生成域名、获取ip；
14.s3：终端的浏览器输入域名或ip；
15.s4：设备模块接收ui模型数据；
16.s5：判断是否有效，如果有效，则为新ui界面；如果无效，则为默认ui界面。
17.优选的，所述终端采用手机、电脑或平板中的一种或多种。
18.与现有技术相比，本发明的有益效果是：
19.1、本设备具有wifi功能，内部可嵌入ui界面。
20.2、本设备通过wifi连接路由器或者热点，任何带浏览器的终端连接到同局域网络后均可展示本设备内部的ui界面。
21.3、ui界面可以与硬件设备分离开发，一次开发，重复利用。
22.4、同局域网络可同时支持多用户不同终端展示。
23.5、超低硬件成本，只需一个esp32芯片；超低软件开发成本，只需填写数据格式，无需学习ui知识；多平台兼容，适应安卓手机、苹果手机、平板电脑、pc电脑等任何带浏览器的终端设备。
附图说明
24.附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：
25.图1是本发明的运行流程图；
26.图2是本发明ui控件数据映射之后的ui界面图。
具体实施方式
27.为使本发明实施方式的目的、技术方案和优点更加清楚，下面将结合本发明实施方式中的附图，对本发明实施方式中的技术方案进行清楚、完整地描述，显然，所描述的实施方式是本发明一部分实施方式，而不是全部的实施方式。基于本发明中的实施方式，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施方式，都属于本发明保护的范围。因此，以下对在附图中提供的本发明的实施方式的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施方式。基于本发明中的实施方式，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施方式，都属于本发明保护的范围。
28.请参阅图1-2，本发明实施例中，一种基于esp32芯片的多平台兼容ui交互方法，包括以下步骤：
29.s1：mcu或硬件设备进行上电初始化，然后填写ui模型数
30.31.[0032][0033]
本设备具有wifi功能，内部可嵌入ui界面；本设备通过wifi连接路由器或者热点，任何带浏览器的终端连接到同局域网络后均可展示本设备内部的ui界面；ui界面可以与硬件设备分离开发，一次开发，重复利用；同局域网络可同时支持多用户不同终端展示；超低硬件成本，只需一个esp32芯片；超低软件开发成本，只需填写数据格式，无需学习ui知识；多平台兼容，适应安卓手机、苹果手机、平板电脑、pc电脑等任何带浏览器的终端设备。
[0034]
本方案在架构设计时，考虑了控件的的属性，以及终端设备的显示尺寸，对控件进行了抽象；实体数据化，数据实体化转换；本设备模块内部集成了ui控件数据的抽象到实体的实现，可以把ui控件的数据实体化到终端设备的浏览器当中；开放串口/spi/i ic等接口，供第三方设备进行ui控件的数据填充，把产品需求通过抽象到实体的转换，变成具体的ui交互界面；生成ui之后，用户在输入框输入数据，按下按钮，即可把数据以及按钮事件传输到本设备中，本设备进行具体的操控或者数据与第三方的转发；当第三方设备传来数据，本设备可直接转发数据到终端界面当中，实现实时监控。
[0035]
场景1：生成ui界面：第三方设备按照ui控件模型的数据格式，填充具体的内容。本设备收到后开始存储数据，生成新的界面；用户使用带浏览器的终端设备连接到本设备同一局域网，浏览器访问本设备的域名或者ip，即可看到ui界面。
[0036]
场景2：交互：用户在ui界面的输入框输入数据，按下按钮，本设备即把输入数据以及按钮事件发送到第三方设备，从而第三方设备得到数据与指令；ui控件可以有多个，以id标号属性进行区分不同数据内容与事件；ui控件可以有多个，以id标号属性进行区分，第三
方设备携带此此作为数据部分内容，发送数据到终端设备，即可在ui界面查看信息。
[0037]
最后应说明的是：以上所述仅为本发明的优选实施例而已，并不用于限制本发明，尽管参照前述实施例对本发明进行了详细的说明，对于本领域的技术人员来说，其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。


技术特征：
1.一种基于esp32芯片的多平台兼容ui交互方法，其特征在于：包括以下步骤：s1：mcu或硬件设备进行上电初始化，然后填写ui模型数据，串口/spi/iic；s2：本设备模块进行上电初始化，联网生成ui界面，生成域名、获取ip；s3：终端的浏览器输入域名或ip；s4：设备模块接收ui模型数据；s5：判断是否有效，如果有效，则为新ui界面；如果无效，则为默认ui界面。2.根据权利要求1所述的一种基于esp32芯片的多平台兼容ui交互方法，其特征在于：所述终端采用手机、电脑或平板中的一种或多种。

技术总结
本发明公开了一种基于ESP32芯片的多平台兼容UI交互方法，包括以下步骤：S1：MCU或硬件设备进行上电初始化，然后填写UI模型数据，串口/SPI/IIC；S2：本设备模块进行上电初始化，联网生成UI界面，生成域名、获取IP；S3：终端的浏览器输入域名或IP；S4：设备模块接收UI模型数据；S5：判断是否有效，如果有效，则为新UI界面；如果无效，则为默认UI界面。本发明，具有WIFI功能，内部可嵌入UI界面；本设备通过WIFI连接路由器或者热点，任何带浏览器的终端连接到同局域网络后均可展示本设备内部的UI界面；UI界面可以与硬件设备分离开发，一次开发，重复利用；同局域网络可同时支持多用户不同终端展示。同局域网络可同时支持多用户不同终端展示。同局域网络可同时支持多用户不同终端展示。


技术研发人员：苏郭端
受保护的技术使用者：江苏新安电器股份有限公司
技术研发日：2023.05.11
技术公布日：2023/8/23