家电科技 ›› 2023, Vol. 0 ›› Issue (zk): 435-438.doi: 10.19784/j.cnki.issn1672-0172.2023.99.099

• 第四部分 健康适老与智能 • 上一篇    下一篇

基于H5容器的智能家电App研究与实践

王栋1, 刘刚1,2, 朱凯奇1, 李龙1, 闫振1, 马俊岭1   

  1. 1.青岛海尔科技有限公司 山东青岛 266101;
    2.数字化家电国家重点实验室 山东青岛 266101
  • 出版日期:2023-12-12 发布日期:2023-12-26
  • 作者简介:王栋,学士学位。研究方向:计算机软件。E-mail:wangdong.xian@haier.com。

Research and practice of intelligent home appliance app based on H5 container

WANG Dong1, LIU Gang1,2, ZHU Kaiqi1, LI Long1, YAN Zhen1, MA Junling1   

  1. 1. Qingdao Haier Technology Co., Ltd. Qingdao 266101;
    2. State Key Laboratory of Digital Household Applications Qingdao 266101
  • Online:2023-12-12 Published:2023-12-26

摘要: 基于移动端H5容器的混合应用开发,是当前互联网的主要App开发方式之一。为了设计一套适合智能家电App的混合开发方案,对网页和原生交互的核心技术和交互效率进行深入调研和实验,研究落实了一套对插件进行单元测试的方法以及监控H5业务运行异常并上报的机制,并设计了离线包的方式用于提升页面加载速度。最终形成了一套适合智能家电App的混合开发系统,使用H5开发的设备控制页面,拥有良好的稳定性和用户体验。

关键词: H5容器, 混合应用, 智能家电, 家电控制, 离线包

Abstract: Hybrid application development based on mobile H5 containers is one of the primary approaches for app development in the current internet landscape. In order to design a hybrid development solution suitable for smart home appliance apps, an in-depth investigation and experimentation of the core technologies and interaction efficiency between Web and native interaction were conducted. This study establishes a methodology for unit testing plugins and devises a mechanism to monitor abnormal operations in H5 business logic and report them. Additionally, an offline packaging strategy was devised to enhance page loading speeds. Ultimately, a hybrid development system tailored for smart home appliance apps was formulated. This system utilizes H5 development for device control pages, resulting in enhanced stability and user experience.

Key words: H5 Container, Hybrid App, Smart home appliances, Appliance control, Offline package

中图分类号: