HarmonyOS Connect设备开发之拥抱JS通信接口

系统 OpenHarmony
针对向设备发送消息(NAN通道建立完成)目前提供了JAVA、JS接口。模板使用的是JAVA接口,开发者可在NetworkDeviceDataHandler中调用本模板。

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

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

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

一、 NAN消息接口简介

回到​​设备控制原子化服务指导​​​,可知,针对向设备发送消息(NAN通道建立完成)目前提供了JAVA、JS接口。模板使用的是JAVA接口,开发者可在NetworkDeviceDataHandler中调用本模板。如下:

private void sendMessage(String message, HashMap<String, Object> tmpMap) {
CommonInfo commonInfo = new CommonInfo();
commonInfo.setSessionId(sessionId);
HiLog.error(LABEL_LOG, "sessionId " + sessionId);
NetConfigApi.getInstance().sendMessage(commonInfo, message, (code, controlMessage, str) -> {
if (code == 0) {
HiLog.info(LABEL_LOG, "Message sent successfully" + message);
dataMap.putAll(tmpMap);
mainHandler.postTask(() -> onDeviceDataChange(dataMap));
} else {
HiLog.error(LABEL_LOG, "Failed to send the message. Code =" +
code + " control message = " + controlMessage);
}
});
}

JAVA实现的功能需要于js页面之间互传数据,定义一系列规则,这比较繁琐,如果添加一条指令传输,就得添加一个约定规则。JS就比较灵活,提供的JS接口如下:

JS接口:NetConfig.sendMessage(commonInfo, message, callbackFunc)

依赖:需要import模板工程里的fa-netconfig.js进行调用。

说明:

commonInfo里需要填入本次配网通路的sessionId, 由配网原子化服务获取。

message为发送给设备的字符串消息。

callbackFunc为消息发送成功与否的回调。

示例:

let commonInfo = {
sessionId: getApp(this).ConfigParams.deviceInfo.sessionId
}
getApp(this).NetConfig.sendMessage(commonInfo, "111111", (result) => {
// sendMessage 回调
})

二、 sendMessage()函数实现

我们在jscontrol.js文件中,添加sendMessage()函数,参考上述说明和示例,编写如下:

//需引入 import {getApp} from '../../common.js';  
sendMessage()
{
var message = this.app_msg;
let commonInfo = {
sessionId: getApp(this).ConfigParams.deviceInfo.sessionId
};
getApp(this).NetConfig.sendMessage(commonInfo, message,(result)=>{

if(result.code ==0)
{
prompt.showToast({
message:'发送成功'
})
}
else{
prompt.showToast({
message:'发送失败'
})
}
});
},

三、绑定消息按钮

上一个帖子【自定义ui】中,我们自定义了一个switch。

<div id="wrapper">
<div id="div1">
<div id="div2">
<image id="image1" src="common/img/FAN.png"></image>
</div>
<text id="text1">{{title}}</text>
<switch id="sw_power" showtext="true" checked="false" @change="Smart_fanCtr"></switch>
</div>
</div>

用于控制风扇开关,这意味着点击按钮就需要发送消息,接下来我们绑定数据按钮:

在jscontrol.js中,编写按钮绑定的函数 Smart_fanCtr(e) ,如下:

export default {
data: {
title: "Smart Fan",
app_msg:'turn off fan',
},
//根据开关状态确定发送消息
Smart_fanCtr(e) {
if(e.checked)
{
this.app_msg='turn on fan';
prompt.showToast({
message:"打开风扇"
})
}else
{
this.app_msg='turn off fan';
prompt.showToast({
message:"关闭风扇"
})
}
this.sendMessage(); //发送消息
},
}

到此,我们绑定了按钮和消息下发函数,当发送成功后,会弹出提示“发送成功”,反之“发送失败”。打开风扇会发送消息“turn on fan”,关闭风扇会发送“turn off fan”,设备侧将匹配该消息控制GPIO输出状态。

小结

北向开发已经完成。简单总结就是配网、控制ui、发送消息。接下来将重心转移到南向设备开发。

北向完整工程见附件一​​【Smart_fan.zip】​​。

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

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

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

责任编辑:jianghua 来源: 鸿蒙社区
相关推荐

2022-05-19 15:40:37

配网开发设备开发

2022-05-19 15:47:24

碰一碰连接设备开发鸿蒙

2022-05-18 16:17:31

设备开发鸿蒙

2022-05-17 10:33:58

设备开发鸿蒙操作系统

2021-07-08 09:42:04

鸿蒙HarmonyOS应用

2022-11-18 15:42:36

2021-09-18 09:57:20

鸿蒙HarmonyOS应用

2021-08-17 10:20:14

鸿蒙HarmonyOS应用

2021-09-17 14:43:54

鸿蒙HarmonyOS应用

2021-08-18 16:20:17

HarmonyOS鸿蒙

2020-10-15 09:49:45

HarmonyOS 2设备开发

2020-11-05 10:05:25

App

2022-08-05 19:22:27

Service模板鸿蒙

2020-10-23 09:47:19

HarmonyOSJS开发框架

2021-09-14 09:34:05

鸿蒙HarmonyOS应用

2020-11-11 11:56:05

HarmonyOS

2021-12-03 09:49:59

鸿蒙HarmonyOS应用

2021-11-01 10:21:36

鸿蒙HarmonyOS应用

2021-12-10 10:12:44

鸿蒙HarmonyOS应用

2022-06-09 14:08:34

多设备协同鸿蒙
点赞
收藏

51CTO技术栈公众号