一种基于ESP32芯片的多平台兼容UI交互方法技术

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

【技术实现步骤摘要】
一种基于ESP32芯片的多平台兼容UI交互方法


[0001]本专利技术涉及多平台兼容UI交互
，具体是一种基于ESP32芯片的多平台兼容UI交互方法。

技术介绍

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

技术实现思路

[0010]本专利技术的目的在于提供一种基于ESP32芯片的多平台兼容UI交互方法，以解决现有技术中的问题。
[0011]为实现上述目的，本专利技术提供如下技术方案：一种基于ESP32芯片的多平台兼容UI交互方法，包括以下步骤：
[0012]S1：MCU或硬件设备进行上电初始化，然后填写UI模型数据，串口/SPI/I IC；
[0013]S2：本设备模块进行上电初始化，联网生成UI界面，生成域名、获取IP；
[0014]S3：终端的浏览器输入域名或IP；
[0015]S4：设备模块接收UI模型数据；
[0016]S5：判断是否有效，如果有效，则为新UI界面；如果无效，则为默认UI界面。
[0017]优选的，所述终端采用手机、电脑或平板中的一种或多种。
[0018]与现有技术相比，本专利技术的有益效果是：
[0019]1、本设备具有WIFI功能，内部可嵌入UI界面。
[0020]2、本设备通过WIFI连接路由器或者热点，任何带浏览器的终端连接到同局域网络后均可展示本设备内部的UI界面。
[0021]3、UI界面可以与硬件设备分离开发，一次开发，重复利用。
[0022]4、同局域网络可同时支持多用户不同终端展示。
[0023]5、超低硬件成本，只需一个ESP32芯片；超低软件开发成本，只需填写数据格式，无需学习UI知识；多平台兼容，适应安卓手机、苹果手机、平板电脑、PC电脑等任何带浏览器的终端设备。
附图说明
[0024]附图用来提供对本专利技术的进一步理解，并且构成说明书的一部分，与本专利技术的实施例一起用于解释本专利技术，并不构成对本专利技术的限制。在附图中：
[0025]图1是本专利技术的运行流程图；
[0026]图2是本专利技术UI控件数据映射之后的UI界面图。
具体实施方式
[0027]为使本专利技术实施方式的目的、技术方案和优点更加清楚，下面将结合本专利技术实施方式中的附图，对本专利技术实施方式中的技术方案进行清楚、完整地描述，显然，所描述的实施方式是本专利技术一部分实施方式，而不是全部的实施方式。基于本专利技术中的实施方式，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施方式，都属于本专利技术保护的范围。因此，以下对在附图中提供的本专利技术的实施方式的详细描述并非旨在限制要求保护的本专利技术的范围，而是仅仅表示本专利技术的选定实施方式。基于本专利技术中的实施方式，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施方式，都属于本专利技术保护的范围。
[0028]请参阅图1
‑
2，本专利技术实施例中，一种基于ESP32芯片的多平台兼容UI交互方法，包括以下步骤：
[0029]S1：MCU或硬件设备进行上电初始化，然后填写UI模型数
[0030][0031][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：终端的浏览器输入域名...

【专利技术属性】
技术研发人员：苏郭端，
申请(专利权)人：江苏新安电器股份有限公司，
类型：发明
国别省市：