草庐IT

鸿蒙智联生态产品《接入智慧生活App开发指导》(官方更新版)

HarmonyOS开发者社区 2023-03-28 原文

在HarmonyOS Connect生态产品应用开发过程中,很多开发者对于如何接入智慧生活App还存在一些疑问,如:如何选择合适的开发方式、如何进行H5开发与调测等。

 

为了更好地帮助开发者,官方文档特意整理出“接入智慧生活App”专题。跟紧小编的步伐,赶紧来看看本次文档更新内容~ 

 

  • 文档中心-接入智慧生活App的开发指导: 

https://device.harmonyos.com/cn/docs/devicepartner/DevicePartner-Guides/ai-life-app-overview-0000001241444445

 

智慧生活App作为华为全场景智慧体验的重要入口,可以实现华为自研设备与生态伙伴设备的统一管理。 

 

图1 智慧生活App

 

伙伴可以通过开发H5接入智慧生活App,为消费者带来以下功能体验:

  • 设备添加:用户可以通过智慧生活App快速发现设备并添加设备,简单易用。
  • 设备管控:用户添加设备后,可以通过智慧生活App实现远程控制设备、查看状态、分类管理、共享设备、删除设备等。
  • 场景联动:通过场景编排可以实现不同产品、不同功能的联动,为用户提供智慧化的场景体验。 

 

以上功能体验的实现,让智慧生活App变身成为消费者贴心的“私人管家”。不仅让日常生活增添“智能”感,更是让冰冷的机器提升了温度。 

 

一、新增智慧生活App H5开发方式选择介绍


如此便捷好用的H5如何实现?本次文档更新,新增了H5接入原理及开发方式选择介绍。

 

1. 接入原理介绍


① 伙伴通过线上或线下方式开发H5,并上传至Device Partner平台。平台会将H5开发包推送至HarmonyOS Connect云。 

 

② 消费者通过智慧生活App调用云端的H5开发包,从而实现对设备的管理和控制。 

 

图2 H5开发接入原理

 

2. 开发方式选择


智慧生活App的H5包支持线上开发与线下开发两种方式,开发者伙伴可以根据下表的设备的使用范围和能力差异来选择: 

 

 

选择好适合的开发方式即可着手进行H5开发啦! 

 

  • 更多详细说明,可参考:

https://device.harmonyos.com/cn/docs/devicepartner/DevicePartner-Guides/ai-life-app-overview-0000001241444445

 

下面小编要为伙伴隆重介绍:本次文档更新内容——在线界面设计工具(即UI+工具)介绍。 

 

二、新增在线界面设计工具(即UI+工具)介绍


1. UI+工具特点介绍


UI+工具有以下特点:

  • 自动生成界面:可以根据物模型定义,自动生成符合设计规范的操作界面。
  • 减少审核环节:通过UI+工具生成的设计稿无需再提交审核。

 

开发者可以根据需求进行在线的调整、编排,快速实现期望的界面效果,这可是大大提升了H5的线上开发效率!

 

2. UI+工具功能介绍


UI+工具界面由编辑区和预览区(包含设备展示区、信息展示区、功能区等)两部分组成,主要提供如下功能: 

  • 编辑:单击设备展示区、信息展示区或功能区,可以在右侧的编辑区进行编排。通过实时预览效果来调整编辑操作,快速实现所需的页面。
  • 保存:单击编辑区右上方的“保存按钮”,可以保存H5设计草稿。
  • 预览:按Alt键+单击界面预览区的控件,在线模拟操作效果;也可以单击编辑区右上方的“预览”,通过手机扫描二维码预览H5的实现效果。 下载:开发完成后,单击编辑区右上方的“下载按钮”,可以下载H5包到本地进行功能调测。 

图3 UI+工具界面

 

UI+工具入口放在这里啦,还不赶紧上手体验一把!

 

① 登录华为智能硬件合作伙伴平台,单击右上角的“管理中心”。 

 

② 在左侧导航栏中选择“产品开发”,单击待开发的产品,进入产品开发流程。 

 

③ 选择“交互设计 > 智慧生活App > App开发 > App设计 > 线上开发”,进入UI+工具界面。 

 

  • 管理中心: 

https://devicepartner.huawei.com/console/

 

  • 更多详细说明,可参考: 

https://device.harmonyos.com/cn/docs/devicepartner/DevicePartner-Guides/ai-life-app-online-dev-0000001119759354

 

三、新增H5线下开发指导


官方文档新增H5线下开发指导,内容概览如下:

 

1. 开发UI界面:

  • H5页面控件开发:按照UI设计稿以及Profile文件,完成页面控件的开发。
  • 暗黑模式适配:介绍如何基于暗黑模式(深色模式)进行适配,确保在不同的模式下显示效果。
  • 多端适配:介绍如何针对平板和折叠屏的适配开发,保证在不同的终端上的显示效果。 

 

2. 开发H5功能:

  • 开发H5功能(Wi-Fi/Combo):介绍如何按照UI设计文件和Profile文件,实现H5功能开发。
  • 开发H5功能(BLE):介绍蓝牙BLE设备如何按照UI设计文件和Profile文件,实现H5功能开发。 


3. 配置页面与产品:

  • 页面配置:配置智慧生活App的界面图和界面信息。
  • 产品配置:配置场景联动、产品国际化、消息通知等功能。 


4. 调测H5功能:

使用智慧生活App Debug版本在本地运行和调试H5项目。 

 

5. 上传H5包并提交UI审核:

将H5项目打包上传到Device Partner平台,并提交UI审核。 

 

  • 更多详细说明,可参考:

https://device.harmonyos.com/cn/docs/devicepartner/DevicePartner-Guides/ai-life-app-offline-process-0000001204484398

 

希望本次文档的更新内容,可以为大家带来一定开发帮助。让我们一起携手构筑更为智慧的全场景体验吧~ 

 

 

有关鸿蒙智联生态产品《接入智慧生活App开发指导》(官方更新版)的更多相关文章

  1. ruby - 使用 C 扩展开发 ruby​​gem 时,如何使用 Rspec 在本地进行测试? - 2

    我正在编写一个包含C扩展的gem。通常当我写一个gem时,我会遵循TDD的过程,我会写一个失败的规范,然后处理代码直到它通过,等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb,如何运行我的规范并仍然加载我的C扩展?当我更改C代码时,我需要采取哪些步骤来重新编译代码?这可能是个愚蠢的问题,但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时,我确实得到了一个Makefile(在整个项目的根目录中),然后当

  2. Ruby Sinatra 配置用于生产和开发 - 2

    我已经在Sinatra上创建了应用程序,它代表了一个简单的API。我想在生产和开发上进行部署。我想在部署时选择,是开发还是生产,一些方法的逻辑应该改变,这取决于部署类型。是否有任何想法,如何完成以及解决此问题的一些示例。例子:我有代码get'/api/test'doreturn"Itisdev"end但是在部署到生产环境之后我想在运行/api/test之后看到ItisPROD如何实现? 最佳答案 根据SinatraDocumentation:EnvironmentscanbesetthroughtheRACK_ENVenvironm

  3. ruby-on-rails - 每次我尝试部署时,我都会得到 - (gcloud.preview.app.deploy) 错误响应 : [4] DEADLINE_EXCEEDED - 2

    我是Google云的新手,我正在尝试对其进行首次部署。我的第一个部署是RubyonRails项目。我基本上是在关注thisguideinthegoogleclouddocumentation.唯一的区别是我使用的是我自己的项目,而不是他们提供的“helloworld”项目。这是我的app.yaml文件runtime:customvm:trueentrypoint:bundleexecrackup-p8080-Eproductionconfig.ruresources:cpu:0.5memory_gb:1.3disk_size_gb:10当我转到我的项目目录并运行gcloudprevie

  4. ruby - 是否可以覆盖 gemfile 进行本地开发? - 2

    我们的git存储库中目前有一个Gemfile。但是,有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它,我必须将它添加到我们的Gemfile中,但每次我checkout到我们的master/dev主分支时,由于与跟踪的gemfile冲突,我必须删除它。我想要的是类似Gemfile.local的东西,它将继承从Gemfile导入的gems,但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗? 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI

  5. ruby-on-rails - 如何重命名或移动 Rails 的 README_FOR_APP - 2

    当我在我的Rails应用程序根目录中运行rakedoc:app时,API文档是使用/doc/README_FOR_APP作为主页生成的。我想向该文件添加.rdoc扩展名,以便它在GitHub上正确呈现。更好的是,我想将它移动到应用程序根目录(/README.rdoc)。有没有办法通过修改包含的rake/rdoctask任务在我的Rakefile中执行此操作?是否有某个地方可以查找可以修改的主页文件的名称?还是我必须编写一个新的Rake任务?额外的问题:Rails应用程序的两个单独文件/README和/doc/README_FOR_APP背后的逻辑是什么?为什么不只有一个?

  6. ruby - 在 Windows 机器上使用 Ruby 进行开发是否会适得其反? - 2

    这似乎非常适得其反,因为太多的gem会在window上破裂。我一直在处理很多mysql和ruby​​-mysqlgem问题(gem本身发生段错误,一个名为UnixSocket的类显然在Windows机器上不能正常工作,等等)。我只是在浪费时间吗?我应该转向不同的脚本语言吗? 最佳答案 我在Windows上使用Ruby的经验很少,但是当我开始使用Ruby时,我是在Windows上,我的总体印象是它不是Windows原生系统。因此,在主要使用Windows多年之后,开始使用Ruby促使我切换回原来的系统Unix,这次是Linux。Rub

  7. ruby-on-rails - 在 Rails 开发环境中为 .ogv 文件设置 Mime 类型 - 2

    我正在玩HTML5视频并且在ERB中有以下片段:mp4视频从在我的开发环境中运行的服务器很好地流式传输到chrome。然而firefox显示带有海报图像的视频播放器,但带有一个大X。问题似乎是mongrel不确定ogv扩展的mime类型,并且只返回text/plain,如curl所示:$curl-Ihttp://0.0.0.0:3000/pr6.ogvHTTP/1.1200OKConnection:closeDate:Mon,19Apr201012:33:50GMTLast-Modified:Sun,18Apr201012:46:07GMTContent-Type:text/plain

  8. 世界前沿3D开发引擎HOOPS全面讲解——集3D数据读取、3D图形渲染、3D数据发布于一体的全新3D应用开发工具 - 2

    无论您是想搭建桌面端、WEB端或者移动端APP应用,HOOPSPlatform组件都可以为您提供弹性的3D集成架构,同时,由工业领域3D技术专家组成的HOOPS技术团队也能为您提供技术支持服务。如果您的客户期望有一种在多个平台(桌面/WEB/APP,而且某些客户端是“瘦”客户端)快速、方便地将数据接入到3D应用系统的解决方案,并且当访问数据时,在各个平台上的性能和用户体验保持一致,HOOPSPlatform将帮助您完成。利用HOOPSPlatform,您可以开发在任何环境下的3D基础应用架构。HOOPSPlatform可以帮您打造3D创新型产品,HOOPSSDK包含的技术有:快速且准确的CAD

  9. 【鸿蒙应用开发系列】- 获取系统设备信息以及版本API兼容调用方式 - 2

    在应用开发中,有时候我们需要获取系统的设备信息,用于数据上报和行为分析。那在鸿蒙系统中,我们应该怎么去获取设备的系统信息呢,比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况,一种是设备信息的获取,一种是系统信息的获取。1.1、获取设备信息获取设备信息,鸿蒙的SDK包为我们提供了DeviceInfo类,通过该类的一些静态方法,可以获取设备信息,DeviceInfo类的包路径为:ohos.system.DeviceInfo.具体的方法如下:ModifierandTypeMethodDescriptionstatic StringgetAbiList​()Obt

  10. unity---接入Admob - 2

    目录1.AdmobSDK下载地址2.将下载好的unityPackagesdk导入到unity里​编辑 3.解析依赖到项目中

随机推荐