草庐IT

OpenHarmony应用开发基础篇之服务卡片

netXeyes 2023-04-13 原文

想了解更多关于开源的内容,请访问:

​51CTO 开源基础软件社区​

​https://ost.51cto.com​

一、洞察鸿蒙软件开发

APPGallery Connect 的该软件需要通过在APPGallery Connect中创建项目后添加应用从而获取Json文件,然后后把此文件放在码云中下载的FA源码:DistSchedule\netconfig\src\main\resources中。然后按照文档开发UI界面,点击构建的Generate Key and CSR创建用户名与密钥进行签名。

创建项目

在华为开发官网的“我的项目”中,选择HarmonyOS平台等完成填写:
https://developer.huawei.com/consumer/cn/service/josp/agc/index.html#/

用户操作界面

在slice目录下新建 xxxSlice.java文件,通过addActionRoute方法为此AbilitySlice配置一条路由规则,并且在在应用配置文件(config.json)中注册。在resources/base/layout下新建对应xml布局文件,在上述两个文件中编写相应的UI。

软件数据处理

从slice获取deviceId:在onStart中通过调用DeviceID等,获取设备的名称等方便该软件识别设备。从slice页面获取状态:开关锁可以直接调用intent.getBooleanParam来确定是进行开关锁还是对门锁的日程进行编排。

配置设备端信息

在entry\src\main\js\default\pages\index中为主要修改的内容。

上图为项目信息,另外还要看一下手机应用侧的netconfig配网模块。

二、主要目录框架分析

`-- src
`-- main
|-- config.json //应用配置文件
|-- js
| `-- default
| |-- app.js // 应用程序入口
| |-- common // 公共资源
| | |-- ic_back.png
| | |-- icon_faqi.png
| | |-- icon_faxian.png
| | |-- icon_jia_sel.png
| | |-- icon_jian_sel.png
| | |-- icon_jingbao.png
| | |-- icon_liuzhuan.png
| | |-- icon_shuru.png
| | |-- icon_wifi_off.png
| | |-- icon_wifi_on.png
| | `-- icon_yunxu.png
| |-- i18n // 多语言文件
| | |-- en-US.json
| | `-- zh-CN.json
| `-- pages //存放所有组件页面
| |-- dm // 设备认证界面
| | |-- dm.css
| | |-- dm.hml
| | `-- dm.js
| |-- index // 首页界面
| | |-- index.css
| | |-- index.hml
| | `-- index.js
| `-- app.js //生命周期管理
`-- resources
|-- base
| |-- element
| | `-- string.json
| `-- media
| |-- icon.png
| `-- icon_small.png
`-- config.json

上图为开发文件目录。

三、设置事件(js)

智能门锁为案例:

export default {
data: {
isPowerOn:false, //属性001
isWifi:true, //属性002
},
onInit() {
setTimeout(()=>{
setInterval(()=>this.GetKey(),500) //事件
},6000);
},
clickPower(){
this.isPowerOn = !this.isPowerOn
if (this.isPowerOn) {
this.SetKey( 'key_f1', 'on' ); //状态001
} else {
this.SetKey( 'key_f1', 'off' ); //状态002
}
}

上图为事件设置,以智能门锁为例。
或者是用另一种方法:把Fa文档中和产品对口的smart源码拷贝到team_X中。

四、华为云注册软件产品

软件与嵌入式设备连接原理:

根据华为云要求注册嵌入式设备与软件,即可云端提供服务。

上图表面设备已经在线

五、服务卡片开发

用户操作界面

通过桌面可以在卡片中点击相关服务,卡片中可以呈现一个或多个服务。

卡片工作原理

通过嵌入到UI界面拉起那款应用的服务(可以通过缓存实现快速打开)从而起到交互功能的原子化服务。

生命周期管理

对设备使用方的 RPC 对象进行管理,请求进行校验以及对更新后的进行回调处理。

卡片尺寸支持

目前官方有四种尺寸,可以在new中自己选中喜欢的尺寸。

这里以经典开发的音乐卡片举例。

创建一个卡片(这里大小是固定的),然后点击finish。

然后就可以看到在原有的subject中生成了config.json文件。由图11可得js默认配置了卡片大小等信息,froms下的是ability中生命周期管理的核心部分(用于回调),会在主函数中实现调用。有是自动生成的,要在这里把false改成true。

上图为index下的文件包,可以看到开发者要用的index下的三个文件包,在构建好后需要点击Deveco Studo左下角后再点击OhosBuild Varinants对文件包进行签名。

完成签名之后在在线调试的实验机器上运行后就会产生一张纯的FA卡片了,此时环境已经搭建完毕。

在卡片制作中可以自定义卡片上音乐播放的图片等,从media直接写到hml中即可。

音乐本地调取:src在main下的resources中建rawfile用于存放音频,在编译时候打包进hap中写到鸿蒙设备中即可get到。

下面以开发1*2的mini卡片为例,在本地预置了音频文件后我们目光转向卡片,继续把播放按钮与卡片解耦开,通过hml塞入显示信息等。isWidget当true时,card_containerdiv就会变为div布局。Ispause为true时,按钮呈现播放;为false时,显示暂停按钮。

在 css 文件采用原子布局的display-index。display-index 的值越大,则越优先显示。

在 main中的onCreateForm 里isMiniWidget 的data设置为 true。

在.json和main中相对应的地方添加点击事件,到此为止就可以通过点击卡片就可以得到播放与暂停的互动了。

做完显示界面以后,接入界面与预先本地的音频,然后封装音乐播放即可。

下面是生命周期的部分布置和实现:

更新(onUpdateForm),卡片更新与持久化储存卡片,定时更新与请求更新时进行调用。

删除(onDeleteForm),用于删除卡片时调用。

事件消息(message),formid&massage,接收通知。

一张Fa卡片创建时需要满足的基本功能:布局加载–请求数据(ohos&intent)–产生卡片(long&生成ID用于调用){通过枚举值得到}。按照以上步骤一个音乐服务卡片就完成了。

六、签名与编译

最后开发完在开发完成之后我们要对文件进行签名即可:

Alias:密钥的名称信息,用于签名的配置。

Password:密钥的密码(系统自动填入)。

Certificate:证书的具体信息 名称 组织与国家代码等等。

上图为新建签名密钥

我们点击new然后新建密钥包,并且输入密码等信息进行生成。

注意:这里的密码必须由大小写和数字与符号组成以保证安全性。

另外一种签名方式:

应用调试助手:通过华为应用市场下载应用调试助手,点击并申请Product ID并选择。

在根据APPGallery Connect的指示完成页面填写后手机贴近NFC扩展板或NFC射频贴纸点击<置入缓存区即可>。

上图要注意申请Product ID

开发完成之后点击选中华为实验室远程真机可以在线调试进行软件开发实验,如需手机实验请点击手机版本号七次进入开发者模式(会有您正处于开发者模式的提醒),然后我们找到设置的系统与更新的开发者人员调试选项打开USB调试即可,当手机与电脑通过数据线连接时会出现弹窗,选择连接方式为传输文件。以上就是基础HarmonyOS的基础教程内容,感谢各位的支持。

想了解更多关于开源的内容,请访问:

​51CTO 开源基础软件社区​

​https://ost.51cto.com​

有关OpenHarmony应用开发基础篇之服务卡片的更多相关文章

  1. ruby - 使用 ruby​​ 和 savon 的 SOAP 服务 - 2

    我正在尝试使用ruby​​和Savon来使用网络服务。测试服务为http://www.webservicex.net/WS/WSDetails.aspx?WSID=9&CATID=2require'rubygems'require'savon'client=Savon::Client.new"http://www.webservicex.net/stockquote.asmx?WSDL"client.get_quotedo|soap|soap.body={:symbol=>"AAPL"}end返回SOAP异常。检查soap信封,在我看来soap请求没有正确的命名空间。任何人都可以建议我

  2. ruby - 具有身份验证的私有(private) Ruby Gem 服务器 - 2

    我想安装一个带有一些身份验证的私有(private)Rubygem服务器。我希望能够使用公共(public)Ubuntu服务器托管内部gem。我读到了http://docs.rubygems.org/read/chapter/18.但是那个没有身份验证-如我所见。然后我读到了https://github.com/cwninja/geminabox.但是当我使用基本身份验证(他们在他们的Wiki中有)时,它会提示从我的服务器获取源。所以。如何制作带有身份验证的私有(private)Rubygem服务器?这是不可能的吗?谢谢。编辑:Geminabox问题。我尝试“捆绑”以安装新的gem..

  3. ruby - 将差异补丁应用于字符串/文件 - 2

    对于具有离线功能的智能手机应用程序,我正在为Xml文件创建单向文本同步。我希望我的服务器将增量/差异(例如GNU差异补丁)发送到目标设备。这是计划:Time=0Server:hasversion_1ofXmlfile(~800kiB)Client:hasversion_1ofXmlfile(~800kiB)Time=1Server:hasversion_1andversion_2ofXmlfile(each~800kiB)computesdeltaoftheseversions(=patch)(~10kiB)sendspatchtoClient(~10kiBtransferred)Cl

  4. 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(在整个项目的根目录中),然后当

  5. ruby-on-rails - Rails 应用程序之间的通信 - 2

    我构建了两个需要相互通信和发送文件的Rails应用程序。例如,一个Rails应用程序会发送请求以查看其他应用程序数据库中的表。然后另一个应用程序将呈现该表的json并将其发回。我还希望一个应用程序将存储在其公共(public)目录中的文本文件发送到另一个应用程序的公共(public)目录。我从来没有做过这样的事情,所以我什至不知道从哪里开始。任何帮助,将不胜感激。谢谢! 最佳答案 无论Rails是什么,几乎所有Web应用程序都有您的要求,大多数现代Web应用程序都需要相互通信。但是有一个小小的理解需要你坚持下去,网站不应直接访问彼此

  6. ruby - 无法运行 Rails 2.x 应用程序 - 2

    我尝试运行2.x应用程序。我使用rvm并为此应用程序设置其他版本的ruby​​:$rvmuseree-1.8.7-head我尝试运行服务器,然后出现很多错误:$script/serverNOTE:Gem.source_indexisdeprecated,useSpecification.Itwillberemovedonorafter2011-11-01.Gem.source_indexcalledfrom/Users/serg/rails_projects_terminal/work_proj/spohelp/config/../vendor/rails/railties/lib/r

  7. ruby-on-rails - Rails 应用程序中的 Rails : How are you using application_controller. rb 是新手吗? - 2

    刚入门rails,开始慢慢理解。有人可以解释或给我一些关于在application_controller中编码的好处或时间和原因的想法吗?有哪些用例。您如何为Rails应用程序使用应用程序Controller?我不想在那里放太多代码,因为据我了解,每个请求都会调用此Controller。这是真的? 最佳答案 ApplicationController实际上是您应用程序中的每个其他Controller都将从中继承的类(尽管这不是强制性的)。我同意不要用太多代码弄乱它并保持干净整洁的态度,尽管在某些情况下ApplicationContr

  8. ruby-on-rails - 启动 Rails 服务器时 ImageMagick 的警告 - 2

    最近,当我启动我的Rails服务器时,我收到了一长串警告。虽然它不影响我的应用程序,但我想知道如何解决这些警告。我的估计是imagemagick以某种方式被调用了两次?当我在警告前后检查我的git日志时。我想知道如何解决这个问题。-bcrypt-ruby(3.1.2)-better_errors(1.0.1)+bcrypt(3.1.7)+bcrypt-ruby(3.1.5)-bcrypt(>=3.1.3)+better_errors(1.1.0)bcrypt和imagemagick有关系吗?/Users/rbchris/.rbenv/versions/2.0.0-p247/lib/ru

  9. ruby-on-rails - s3_direct_upload 在生产服务器中不工作 - 2

    在Rails4.0.2中,我使用s3_direct_upload和aws-sdkgems直接为s3存储桶上传文件。在开发环境中它工作正常,但在生产环境中它会抛出如下错误,ActionView::Template::Error(noimplicitconversionofnilintoString)在View中,create_cv_url,:id=>"s3_uploader",:key=>"cv_uploads/{unique_id}/${filename}",:key_starts_with=>"cv_uploads/",:callback_param=>"cv[direct_uplo

  10. ruby-on-rails - 如何在我的 Rails 应用程序 View 中打印 ruby​​ 变量的内容? - 2

    我是一个Rails初学者,但我想从我的RailsView(html.haml文件)中查看Ruby变量的内容。我试图在ruby​​中打印出变量(认为它会在终端中出现),但没有得到任何结果。有什么建议吗?我知道Rails调试器,但更喜欢使用inspect来打印我的变量。 最佳答案 您可以在View中使用puts方法将信息输出到服务器控制台。您应该能够在View中的任何位置使用Haml执行以下操作:-puts@my_variable.inspect 关于ruby-on-rails-如何在我的R

随机推荐