harmony next 服务卡片实时刷新

此前今日事鸿蒙版卡片数据刷新还是有点问题。

问题:

安装应用后把卡片放到桌面,在app内新增一条数据,服务卡片不刷新,需要把app进程删除重新打开,才能正常刷新数据。

原因:

卡片渲染在系统进程,创建和调用都是系统触发,即EntryFormAbility里的代码其实运行在系统进程里面,跟app进程有内存隔离。没法做到数据实时共享。

懒得上图了,卡片交互流程直接上官网看吧。

这里主要解决问题。

需要通过harmony提供的跨进程通信模块

复制代码
import commonEventManager from '@ohos.commonEventManager'

来把卡片id发给app内进行保存,才能保证在app内能实时拿到卡片id,才能保证数据能刷新到卡片上。

核心代码:

复制代码
import commonEventManager from '@ohos.commonEventManager'

class SubscriberClass {
  event_form_id = "form_id"
  publishCount: number = 1
  subscriber?: commonEventManager.CommonEventSubscriber
  // 发布者
  publish(eventType: string ,data:string){
    // next中data支持导入类型
    commonEventManager.publish(eventType,{data},(err)=>{
      if(err){
        // 失败只发3次
        if(this.publishCount<=3){
          this.publishCount++
          this.publish(eventType,data)
        }else{
          this.publishCount = 1
        }
      }else{
        this.publishCount = 1
      }
    })
  }
  // 订阅者
  subscribe(eventType: string, callback:(event?: string)=>void){
    commonEventManager.createSubscriber({ events: [eventType] }, (err, sub) => {
      if (err) {
        return console.log('logData:', `创建订阅者error ${JSON.stringify(err)}`)
      }
      this.subscriber = sub
      if (this.subscriber !== null) {
        //订阅事件
        commonEventManager.subscribe(this.subscriber, (err, data) => {
          if (err) {
            return console.error(`logData`, '订阅事件失败')
          }
          callback(data.data)
        })
      } else {
        console.error('logData:',`需要创建subscriber`);
      }
    })
  }
}

export default new SubscriberClass()

这里简单构造了一个跨进程通信的发布与订阅的对象,在卡片EntryFormAbility调用publish,把formId发布出来。在App的EntryAbility中subscribe数据。

在EntryFormAbility的onAddForm中:

复制代码
SubscriberClass.publish(SubscriberClass.event_form_id, formId)

在EntryAbility的onWindowStateCreate中:

复制代码
SubscriberClass.subscribe(SubscriberClass.event_form_id, (data?: string) => {
      if (data) {
        CardManager.get().saveCardId(this.context, data)
      }
    })

这样,才能确保在APP中任意位置能更新到卡片:

复制代码
CardManager.get().updateCard()

多说无益,直接看源码吧

相关推荐
SummerKaze1 天前
为鸿蒙开发者写一个 nvm:hmvm 的设计与实现
harmonyos
在人间耕耘3 天前
HarmonyOS Vision Kit 视觉AI实战:把官方 Demo 改造成一套能长期复用的组件库
人工智能·深度学习·harmonyos
王码码20353 天前
Flutter for OpenHarmony:socket_io_client 实时通信的事实标准(Node.js 后端的最佳拍档) 深度解析与鸿蒙适配指南
android·flutter·ui·华为·node.js·harmonyos
HarmonyOS_SDK3 天前
【FAQ】HarmonyOS SDK 闭源开放能力 — Ads Kit
harmonyos
Swift社区3 天前
如何利用 ArkUI 框架优化鸿蒙应用的渲染性能
华为·harmonyos
特立独行的猫a3 天前
uni-app x跨平台开发实战:开发鸿蒙HarmonyOS影视票房榜组件完整实现过程
华为·uni-app·harmonyos·轮播图·uniapp-x
盐焗西兰花3 天前
鸿蒙学习实战之路-STG系列(5/11)-守护策略管理-添加与修改策略
服务器·学习·harmonyos
盐焗西兰花3 天前
鸿蒙学习实战之路-STG系列(4/11)-应用选择页功能详解
服务器·学习·harmonyos
lbb 小魔仙3 天前
鸿蒙跨平台项目实战篇03:React Native Bundle增量更新详解
react native·react.js·harmonyos
特立独行的猫a3 天前
uni-app x跨平台开发实战:开发鸿蒙HarmonyOS滚动卡片组件,scroll-view无法滚动踩坑全记录
华为·uni-app·harmonyos·uniapp-x