0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

鸿蒙ArkUI-X跨语言调用说明:【平台桥接开发指南(Android)】

jf_46214456 来源:jf_46214456 作者:jf_46214456 2024-05-25 16:26 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

平台桥接开发指南

平台桥接用于客户端(ArkUI)和平台(AndroidiOS)之间传递消息,即用于ArkUI与平台双向数据传递、ArkUI侧调用平台的方法、平台调用ArkUI侧的方法。本文主要介绍Android平台与ArkUI交互,ArkUI侧具体用法请参考[Bridge API],Android侧参考[BridgePlugin]。

Android平台与ArkUI交互

开发前请熟悉鸿蒙开发指导文档 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]点击或者复制转到。

创建平台桥接

1、在ArkUI侧创建平台桥接。指定名称,该名称应与Android侧平台桥接的名称一致。通过创建的该对象即可调用平台桥接的方法。

// xxx.ets

// 导入平台桥接模块
import bridge from '@arkui-x.bridge';

// 创建平台桥接实例
const bridgeImpl = bridge.createBridge('Bridge');

2、在Android侧创建BridgePlugin类。指定名称,该名称应与ArkUI侧平台桥接的名称一致。通过创建的该对象即可调用平台桥接的方法。

// xxx.java

Bridge bridge = new Bridge(this, "Bridge", getInstanceId());

场景一:ArkUI侧向Android侧传递数据

1、ArkUI侧向Android侧传递数据。

// xxx.ets

bridgeImpl.sendMessage('text').then((res)= >{
    // 监听Android侧的回执
    console.log('response: ' + res);
}).catch((err) = > {
    console.log('error: ' + JSON.stringify(err));
});

2、Android侧接收来自ArkUI侧的数据。

// xxx.java

public Bridge(Context context, String name, int id) {
    super(context, name, id);
    setMessageListener(this);
}

// 注册回调,监听ArkUI侧的数据传递
@Override
public Object onMessage(Object data) {
    // 返回回执给ArkUI侧
    return "java onMessage success";
}

场景二:Android侧向ArkUI侧传递数据

1、Android侧向ArkUI侧发送数据。

// xxx.java

String[] data = { "message", "from", "android" };
bridge.sendMessage(data);

2、ArkUI侧设置回调,用于接收Android侧发送的数据。

// xxx.ets

bridgeImpl.setMessageListener((message) = > {
    console.log('receive message: ' + message);

    // 收到消息后,向Android侧发送回执
    return "ArkUI reveice message success";
});

3、Android侧注册回调,监听ArkUI侧收到数据后的回执。

// xxx.java

public Bridge(Context context, String name, int id) {
    super(context, name, id);
    setMessageListener(this);
}

// 注册回调,监听ArkUI侧的回执
@Override
public void onMessageResponse(Object data) {}

场景三:ArkUI侧调用Android侧的方法

1、在ArkUI侧调用Android侧的方法。

// xxx.ets

bridgeImpl.callMethod('platformCallMethod').then((res)= >{
    console.log('result: ' + res);
}).catch((err) = > {
    console.error('error: ' + JSON.stringify(err));
});

2、在Android侧实现被调用的方法。

// xxx.java

public platformCallMethod() {
  return "call java platformCallMethod success";
}

场景四:Android侧调用ArkUI侧的方法

1、注册ArkUI侧方法,供Android侧调用。

// xxx.ets

function getString() {
  return 'call js getString success';
}

bridgeImpl.registerMethod({ name: 'getString', method: getString });

2、Android侧调用ArkUI侧的方法。

Object[] paramObject = {};
MethodData methodData = new MethodData("getString", paramObject);
bridge.callMethod(methodData);

场景五:ArkUI侧监听Android侧的方法

1、注册ArkUI侧方法,供Android侧调用。

// xxx.ets

bridgeImpl.registerMethod({ name: 'getString', method: getString });

2、移除已注册的ArkUI侧方法。

// xxx.ets

bridgeImpl.unRegisterMethod('getString');

3、在Android侧注册回调,监听方法注册、注销。

// xxx.java

public Bridge(Context context, String name, int id) {
    super(context, name, id);
    setMethodResultListener(this);
}

@Override
public void onSuccess(Object o) {}

@Override
public void onError(String s, int i, String s1) {}

@Override
public void onMethodCancel(String s) {}

场景示例

本场景展示了当ArkUI页面启动时,调用Android侧方法,并将Android侧方法的返回值显示在页面上。点击按钮,ArkUI侧发送数据到Android侧,Android侧收到数据后,返回回执数据,并将回执数据显示在页面上。

ArkUI侧

编写ArkUI页面Index.ets。

// Index.ets

// 导入平台桥接模块
import bridge from '@arkui-x.bridge';

@Entry
@Component
struct Index {
  // 创建平台桥接对象
  private bridgeImpl = bridge.createBridge('Bridge');
  @State helloArkUI: string = '';
  @State nativeResponse: string = '';

  aboutToAppear() {
    this.getHelloArkUI();
  }

  getHelloArkUI() {
    // 调用Android侧方法
    this.bridgeImpl.callMethod('getHelloArkUI').then((result: string) = > {
      // 通过状态变量,将Android侧方法的返回值显示在页面上
      this.helloArkUI = result;
    });
  }

  build() {
    Row() {
      Column() {
        Text(this.helloArkUI)
          .fontSize(15)
          .margin(10)
        Button('sendMessage')
          .fontSize(15)
          .margin(10)
          .onClick(async () = > {
            // 发送数据到Android侧,并通过状态变量,将Android侧的响应数据显示在页面上
            this.nativeResponse = await this.bridgeImpl.sendMessage('Hello ArkUI-X!');
          })
        Text('Response from Native: ' + this.nativeResponse)
          .fontSize(15)
          .margin(10)
      }
      .width('100%')
    }
    .height('100%')
  }
}
Android侧
// Bridge.java

package com.example.bridgestage;

import android.content.Context;

// 引用平台桥接模块
import ohos.ace.adapter.capability.bridge.BridgePlugin;
import ohos.ace.adapter.capability.bridge.IMessageListener;

public class Bridge extends BridgePlugin implements IMessageListener {
    public Bridge(Context context, String name, int id) {
        super(context, name, id);

        setMessageListener(this);
    }

    // Android侧方法,供ArkUI侧调用
    public String getHelloArkUI() {
        return "Hello ArkUI!";
    }

    // 注册回调,接收ArkUI侧发来的数据
    @Override
    public Object onMessage(Object object) {
        return "java onMessage success";
    }

    @Override
    public void onMessageResponse(Object object) {}
}
//	EntryMainActivity.java

package com.example.bridgestage;

import android.os.Bundle;
import ohos.stage.ability.adapter.StageActivity;

public class EntryMainActivity extends StageActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // 建立与ArkUI侧同名的平台桥接,即可用于消息传递
        new Bridge(this, "Bridge", getInstanceId());

        super.setInstanceName("com.example.bridgestage:entry:MainAbility:");
        super.onCreate(savedInstanceState);
    }
}

`HarmonyOSOpenHarmony鸿蒙文档籽料:mau123789是v直接拿`

搜狗高速浏览器截图20240326151450.png

// MyApplication.java

package com.example.bridgestage;

import ohos.stage.ability.adapter.StageApplication;

public class MyApplication extends StageApplication {
    @Override
    public void onCreate() {
        super.onCreate();
    }
}
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • HarmonyOS
    +关注

    关注

    80

    文章

    2147

    浏览量

    35623
  • OpenHarmony
    +关注

    关注

    31

    文章

    3928

    浏览量

    20740
  • 鸿蒙OS
    +关注

    关注

    0

    文章

    193

    浏览量

    5328
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    鸿蒙ArkUI-X语言调用说明:【平台开发指南Android)Bridge API】

    本模块提供ArkUI端和Android或iOS平台端消息通信的功能,包括数据传输、方法调用和事件调用。需配套
    的头像 发表于 05-25 16:30 1646次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>语言</b><b class='flag-5'>调用</b><b class='flag-5'>说明</b>:【<b class='flag-5'>平台</b><b class='flag-5'>桥</b><b class='flag-5'>接</b><b class='flag-5'>开发指南</b>(<b class='flag-5'>Android</b>)Bridge API】

    鸿蒙ArkUI-X语言调用说明:【平台开发指南Android)BridgePlugin】

    本模块提供ArkUI端和Android平台端消息通信的功能,包括数据传输、方法调用和事件调用。需配套Ar
    的头像 发表于 05-22 14:52 2026次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>语言</b><b class='flag-5'>调用</b><b class='flag-5'>说明</b>:【<b class='flag-5'>平台</b><b class='flag-5'>桥</b><b class='flag-5'>接</b><b class='flag-5'>开发指南</b>(<b class='flag-5'>Android</b>)BridgePlugin】

    ArkUI-X开发指南:【SDK配置和构建说明

    ArkUI-X SDK是ArkUI-X开源项目的编译产物,可将ArkUI-X SDK集成到现有Android和iOS应用工程中,使开发者基于
    的头像 发表于 05-25 16:48 4206次阅读
    <b class='flag-5'>ArkUI-X</b><b class='flag-5'>开发指南</b>:【SDK配置和构建<b class='flag-5'>说明</b>】

    ArkUI-X平台框架接入指南

    ArkUI平台框架(ArkUI-X)进一步将ArkUI开发框架扩展到了多个OS
    发表于 05-18 18:21

    ArkUI-XAndroid平台动态化开发指南

    目的; 场景2:特性Bundle动态化,特性和宿主应用发布解耦; 开发指南 目录说明 动态加载时要求应用沙箱内目录架构如下所示: /data/data/应用/files/arkui-x
    发表于 06-15 23:33

    ArkUI-XAndroid联动编译开发指南

    .arkui-x/android/app/build.gradle目录下设置configBuildFlag开关,可触发联动ArkTS源码编译脚本,默认为false,不执行编译ArkTS脚本文件。 //执行联动
    发表于 06-16 22:55

    ArkUI-X平台应用改造指南

    ArkUI-X平台应用改造指南 现状与诉求 随着 HarmonyOS Next 5.0 版本正式发布,众多开发者基于 ArkTS
    发表于 06-16 23:05

    ArkUI-X平台技术落地-华为运动健康(一)

    开发工作量以及保证体验一致性,对于运动健康App而言,显得尤为重要。作为鸿蒙NEXT系统生态中的重要一员,ArkUI-X框架是我们平台技术
    发表于 06-18 22:53

    ArkUI-X应用工程结构说明

    )并可以部署到相应的OS平台,降低平台应用开发成本。 应用工程目录结构介绍 平台应用工程目录
    发表于 06-19 23:11

    ArkUI-X平台Bridge说明

    的三方库等。 说明 平台支持ArkUI调用Androi
    发表于 06-19 23:12

    资讯速递 | ArkUI-X 预览版已正式开源!

    语言等能力。 ● 对于开发时所使用的API,都是OpenHarmony生态的标准API,在平台上,支持标准API按照插件的方式按需打包。 ● A
    发表于 08-11 16:10

    鸿蒙ArkUI-X平台技术:【开发初体验】

    在DevEco Studio中导入ArkUI-X Sample,快速创建平台工程。
    的头像 发表于 05-17 15:54 1734次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平台</b>技术:【<b class='flag-5'>开发</b>初体验】

    鸿蒙ArkUI-X平台开发:【 应用工程结构说明

    本文档配套ArkUI-X,将OpenHarmony ArkUI开发框架扩展到不同的OS平台,比如Android和iOS
    的头像 发表于 05-19 21:05 1272次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>平台</b><b class='flag-5'>开发</b>:【 应用工程结构<b class='flag-5'>说明</b>】

    鸿蒙ArkUI-X语言调用说明:【平台(@arkui-x.bridge)】

    平台用于客户端(ArkUI)和平台Android或iOS)之间传递消息,即用于
    的头像 发表于 05-21 15:09 1681次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>语言</b><b class='flag-5'>调用</b><b class='flag-5'>说明</b>:【<b class='flag-5'>平台</b><b class='flag-5'>桥</b><b class='flag-5'>接</b>(@<b class='flag-5'>arkui-x</b>.bridge)】

    鸿蒙ArkUI-X语言调用说明平台差异化【Android、ios动态化】

    ArkUI-X支持动态化,使用者可以根据自己需要动态发布平台内容,从而使平台部分和宿主应用进行解耦。
    的头像 发表于 05-23 14:38 1863次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b><b class='flag-5'>跨</b><b class='flag-5'>语言</b><b class='flag-5'>调用</b><b class='flag-5'>说明</b>:<b class='flag-5'>平台</b>差异化【<b class='flag-5'>Android</b>、ios动态化】