[文章]基于ArkTS语言的OpenHarmony APP应用开发:公共事件的订阅和发布

阅读量0
0
0

1、程序介绍

本示例主要展示了公共事件相关的功能,实现了一个检测用户部分行为的应用。

具体而言,本案例实现了如下几个公共事件功能:

  • 通过订阅系统公共事件,实现对用户操作行为(亮灭屏、断联网)的监测;
  • 通过在用户主动停止监测行为时发布自定义有序公共事件,实现对用户主动触发监听行为的持久化记录;
  • 通过在用户设置对某一事件的监听状态时发布粘性事件,记录下本次应用运行期间允许监听的事件列表,同时在应用退出时将临时允许的修改为不允许。

具体而言,本案例实现如下几个界面:

  • 进入应用显示菜单页,可选择“进入”,“历史”,“设置”及“关于”几个选项。
  • 点击“进入”后跳转至主页面,点击主页面“开始监控”按钮,将开始监听系统公共事件,并进行计时,此时按钮内容变更为“停止监听”;点击停止监听按钮,页面上将显示本次监听时长及监听期间收到的干扰信息汇总,并在页面右下角显示“查看详情”按钮,点击按钮将跳转至详情页,显示监听期间收到的干扰信息,应用当前仅监听了亮灭屏、断联网等用户可操作的系统公共事件,后续可根据需求快速扩展。
  • 返回至应用菜单页面,点击“历史”可查看用户操作监听的历史记录,当前支持每次运行期间最多存储20条历史记录,超过20条后将删除历史数据。
  • 返回至应用菜单页面,点击“设置”可进行具体系统事件的监听配置,应用提供了“一直”、“仅本次”及“从不”三个选项,其中“仅本次”选项是指本次应用运行期间将监听特定系统公共事件,应用退出后该选项将自动调整为“从不”。
  • 返回值应用菜单页面,点击“关于”可查看应用版本信息及本示例的说明。

本案例已在OpenHarmony凌蒙派-RK3568开发板验证通过,具体代码可参考:https://gitee.com/Lockzhiner-Electronics/lockzhiner-rk3568-openharmony/tree/master/samples/d05_CustomCommonEvent

API接口:9

2、知识准备

2.1、commonEvent模块

OpenHarmony通过CES(Common Event Service,公共事件服务)为应用程序提供订阅、发布、退订公共事件的能力。

公共事件从系统角度可分为:系统公共事件和自定义公共事件。

  • 系统公共事件:CES内部定义的公共事件,只有系统应用和系统服务才能发布,例如HAP安装,更新,卸载等公共事件。目前支持的系统公共事件详见系统公共事件列表。
  • 自定义公共事件:应用自定义一些公共事件用来实现跨进程的事件通信能力。

公共事件按发送方式可分为:无序公共事件、有序公共事件和粘性公共事件。

  • 无序公共事件:CES转发公共事件时,不考虑订阅者是否接收到,按订阅者订阅先后顺序转发。
  • 有序公共事件:CES转发公共事件时,按订阅者订阅先后顺序,在接收到前一个订阅者回复后,再转发下一个订阅者。
  • 粘性公共事件:能够让订阅者收到在订阅前已经发送的公共事件就是粘性公共事件。普通的公共事件只能在订阅后发送才能收到,而粘性公共事件的特殊性就是可以先发送后订阅。发送粘性事件必须是系统应用或系统服务,且需要申请ohos.permission.COMMONEVENT_STICKY权限。

每个应用都可以按需订阅公共事件,订阅成功,当公共事件发布时,系统会将其发送给对应的应用。这些公共事件可能来自系统、其他应用和应用自身。

2.1.1、引入commonEvent模块

import commonEvent from '@ohos.commonEvent';

2.1.2、commonEvent函数

declare namespace commonEvent {
  function publish(event: string, callback: AsyncCallback<void>): void;
  function publish(event: string, options: CommonEventPublishData, callback: AsyncCallback<void>): void;
  function publishAsUser(event: string, userId: number, callback: AsyncCallback<void>): void;
  function publishAsUser(event: string, userId: number, options: CommonEventPublishData, callback: AsyncCallback<void>): void;
  function createSubscriber(subscribeInfo: CommonEventSubscribeInfo, callback: AsyncCallback<CommonEventSubscriber>): void;
  function createSubscriber(subscribeInfo: CommonEventSubscribeInfo): Promise<CommonEventSubscriber>;
  function subscribe(subscriber: CommonEventSubscriber, callback: AsyncCallback<CommonEventData>): void;
  function unsubscribe(subscriber: CommonEventSubscriber, callback?: AsyncCallback<void>): void;
}

其中,参数定义如下:

  • publish:发送公共事件,event 表示事件名称。
  • publishAsUser:发送指定用户的公共事件。
  • createSubscriber:创建事件的订阅者。
  • subscribe:订阅事件,可以是公共事件,也可以是自定义事件。
  • unsubscribe:取消订阅事件,一旦取消,后续对的事件将不再接收。

2.1.3、创建订阅者

function createSubscriber(subscribeInfo: CommonEventSubscribeInfo, callback: AsyncCallback<CommonEventSubscriber>): void;
function createSubscriber(subscribeInfo: CommonEventSubscribeInfo): Promise<CommonEventSubscriber>;

以异步方法构造CommonEventSubscriber对象,创建公共事件订阅者对象,使用callback形式返回。

其中,参数定义如下:

参数名 类型 必填 说明
subscribeInfo CommonEventSubscribeInfo 公共事件订阅者信息
callback AsyncCallback 事件监听回调函数,当收到订阅的事件时,回调订阅的事件数据

2.1.4、开启订阅事件

function subscribe(subscriber: CommonEventSubscriber, callback: AsyncCallback<CommonEventData>): void;

以异步方法订阅公共事件,使用callback形式返回。在调用subscriber接口订阅公共事件前,需要先通过createSubscriber接口创建一个CommonEventSubscriber对象。

其中,参数定义如下:

参数名 类型 必填 说明
subscribeInfo CommonEventSubscribeInfo 公共事件订阅者信息
callback AsyncCallback 事件监听回调函数,当收到订阅的事件时,回调订阅的事件数据

2.1.5、取消订阅事件

function unsubscribe(subscriber: CommonEventSubscriber, callback?: AsyncCallback<void>): void;

以异步方法取消订阅公共事件,使用callback形式返回。与subscribe接口相同,需要传入一个已创建的CommonEventSubscriber对象。

其中,参数定义如下:

参数名 类型 必填 说明
subscribeInfo CommonEventSubscribeInfo 公共事件订阅者信息
callback AsyncCallback 事件监听回调函数,当收到订阅的事件时,回调订阅的事件数据

2.1.6、发布事件

function publish(event: string, callback: AsyncCallback<void>): void;
function publish(event: string, options: CommonEventPublishData, callback: AsyncCallback<void>): void;
function publishAsUser(event: string, userId: number, callback: AsyncCallback<void>): void;
function publishAsUser(event: string, userId: number, options: CommonEventPublishData, callback: AsyncCallback<void>): void;

以callback形式发布公共事件。

其中,参数定义如下:

参数名 类型 必填 说明
subscribeInfo CommonEventSubscribeInfo 公共事件订阅者信息
callback AsyncCallback 事件监听回调函数,当收到订阅的事件时,回调订阅的事件数据

3、程序解析

按照页面划分,本案例大致可分为如下几个页面:

(1)Launch.ets:应用显示菜单页面。进入应用显示菜单页,可选择“进入”,“历史”,“设置”及“关于”几个选项。

(2)Main.ets:主页面。显示“进入监控”按键,“开始监控”按钮,将开始监听系统公共事件,并进行计时,此时按钮内容变更为“停止监听”;点击停止监听按钮,页面上将显示本次监听时长及监听期间收到的干扰信息汇总,并在页面右下角显示“查看详情”按钮,点击按钮将跳转至详情页,显示监听期间收到的干扰信息,应用当前仅监听了亮灭屏、断联网等用户可操作的系统公共事件,后续可根据需求快速扩展。

(3)History.ets:历史页面。可查看用户操作监听的历史记录,当前支持每次运行期间最多存储20条历史记录,超过20条后将删除历史数据。

(4)Setting.ets:设置页面。可进行具体系统事件的监听配置,应用提供了“一直”、“仅本次”及“从不”三个选项,其中“仅本次”选项是指本次应用运行期间将监听特定系统公共事件,应用退出后该选项将自动调整为“从不”。

(5)Detail.ets:查看详情页面。可负责查看当前监控的具体信息。供Main.ets调用。

(6)About.ets:关于页面。显示软件信息。

3.1、Launch.ets

首先,定义一个私有变量feature,用于负责具体的公共事件订阅以及页面间跳转。

private feature :launchFeature = new launchFeature(getContext() as context.UIAbilityContext)

注意:feature具体事务可参考entry/src/main/ets/feature/LaunchFeature.ts

其次,编辑页面显示界面。

build() {
  Column() {
    Image($rawfile('jumpToStart.png'))
      .objectFit(ImageFit.Contain)
      .width(160)
      .height(75)
      .onClick(this.feature.jumpToStart)
      .position({ x: '30%', y: '20%' })
    Image($rawfile('jumpToHistory.png'))
      .objectFit(ImageFit.Contain)
      .width(160)
      .height(75)
      .onClick(this.feature.jumpToHistory)
      .position({ x: '30%', y: '35%' })
    Image($rawfile('jumpTosetting.png'))
      .objectFit(ImageFit.Contain)
      .width(160)
      .height(75)
      .onClick(this.feature.jumpToSetting)
      .position({ x: '30%', y: '50%' })
    Image($rawfile('jumpAbout.png'))
      .objectFit(ImageFit.Contain)
      .width(160)
      .height(75)
      .onClick(this.feature.jumpToAbout)
      .position({ x: '30%', y: '65%' })
  }
  .backgroundImage($rawfile('vbg720.png'))
  .backgroundImageSize(ImageSize.Contain)
  .width('100%')
  .height('100%')
}

再次,创建LauchFeatrue.ts,主要负责页面跳转和记录公共事件记录。

其中,负责页面跳转的代码如下所示:

jumpToHistory = () => {
    Logger.info("ready to jump to history page")
    router.push({
      url: 'pages/History',
      params: {}
    })
}
​
jumpToSetting = () => {
    Logger.info("ready to jump to setting page")
    router.push({
      url: 'pages/Setting',
      params: {}
    })
}
......

其中,记录公共事件记录的代码如下所示:

private callbackFunc = (error, event) => {
    this.pref.has(consts.DATA_BASE_KEY_TOTAL_TIMES, (err, ret) => {
      if (ret) {
        this.pref.get(consts.DATA_BASE_KEY_TOTAL_TIMES, []).then((value) => {
          this.insertRecord(event, value)
        })
      } else {
        let value: Array<string> = []
        this.insertRecord(event, value)
      }
    })
    if (this.currentRecordTimes >= consts.MAX_RECORD_NUM) {
      this.subscriber.finishCommonEvent()
      return
    }
    this.subscriber.abortCommonEvent()
    this.subscriber.finishCommonEvent()
    this.currentRecordTimes++
}
​
private callbackLowFunc = (error, event) => {
    this.currentRecordTimes = 0
    this.pref.get(consts.DATA_BASE_KEY_TOTAL_TIMES, []).then((value: Array<string>) => {
      for (let i = 0; i < consts.MAX_RECORD_NUM; i++) {
        this.pref.delete(value[i]).then(() => {
          this.pref.flush()
        })
      }
    })
    this.currentRecordTimes = 0;
}

最后,定义onPageShow(),在用户浏览页面时触发该事件。

async onPageShow() {
await this.feature.init()
}

3.2、Main.ets

首先,定义一个实际负责main页面逻辑操作的类对象。

private feature:mainFeature = new mainFeature()

其次,在build()中定义按键画面。

Image(this.btnSrc)
  .objectFit(ImageFit.Contain).size({ width: 320, height: 150 })
  .onClick(this.executeCallBack)

再次,this.executeCallBack()根据btnState数值变化开启或关闭公共事件监听。

private executeCallBack = () => {
  if (!this.btnState) {
    this.handleStart()
  } else {
    this.handleStop()
  }
}

再次,定义handleStart()开启公共事件监听。

private handleStart = () => {
    this.btnState = true
    this.btnSrc = $rawfile('stop.png')
    this.detailState = Visibility.None
    this.currentState = Visibility.Visible
    this.totalEventsInString = ''
    this.totalEvents = 0
    this.totalTimeInString = ''
    // 获取系统时间
    sysTime.getCurrentTime().then((curTime) => {
      this.startTime = curTime
      let subscriberInfo = {
        events: this.feature.getCurrentValidEvents()
      }
      // 创建订阅者
      commonEvent.createSubscriber(subscriberInfo, (error, subscriber) => {
        this.validEventsSubscriber = subscriber
        // 开启订阅事件
        commonEvent.subscribe(subscriber, this.systemEventCallback)
      })
    })
}

最后,定义handleStop()关闭公共事件监听。

private handleStop = () => {
  this.btnState = false
  this.btnSrc = $rawfile('start.png')
  this.detailState = Visibility.Visible
  this.currentState = Visibility.None
  this.totalEventsInString = this.totalEvents.toString()
  // 刷新时间
  sysTime.getCurrentTime().then((curTime) => {
    this.totalTimeInString = utils.convertTimeToFormatString(curTime - this.startTime)
    // 取消订阅事件
    commonEvent.unsubscribe(this.validEventsSubscriber, () => {
      Logger.info("unsubscribe called")
    })
    let options = {
      isOrdered: true,
      parameters: {
        'startTime': utils.getLocaleTime(this.startTime),
        'endTime': utils.getLocaleTime(curTime),
        'totalTime': this.totalTimeInString,
        'totalEvents': this.totalEventsInString,
      }
    }
    // 发布公共事件
    commonEvent.publish(consts.COMMON_EVENT_FINISH_MEDITATION, options, () => {
      Logger.info("success to publish COMMON_EVENT_FINISH_MEDITATION")
    })
  })
}

4、项目编译

4.1、打开项目

打开DevEco Studio,再打开自定义通知项目。

4.2、编译程序

点击菜单栏上的“Build” -> "Rebuild Project"。如果出现无法编译,则注意查看Event Log界面。如下所示:
question_npm_install.png

点击Run 'npm install',让DevEco Studio安装相关依赖包。

重新点击菜单栏上的“Build” -> "Rebuild Project"。出现如下错误:
question_root_module.png
点击上图红色框部分,安装相关服务。

重新点击菜单栏上的“Build” -> "Rebuild Project",编译成功。
rebuild_project_successful.png

4.3、安装程序

点击“entry”按钮,将项目程序安装到设备端。如下图所示:
heap_install_to_device.png
如果出现下述报错,表示无法安装。如图所示:
heap_install_failed.png

点击上图红色框的蓝色字体,弹出"Project Structure"对话框,点击"Apply",再点击"OK"。如图所示:
project_structure.png

重新点击“entry”按钮,将项目程序安装到设备端。
entry_successful.png

5、运行结果

运行结果如下所示
微信截图_20240918093917.png

回帖

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。 侵权投诉
链接复制成功,分享给好友