【鸿蒙】支持 HarmonyOS 的 JsBridge

最新推荐文章于 2024-08-14 14:01:25 发布
最新推荐文章于 2024-08-14 14:01:25 发布
阅读量1k 收藏
点赞数 1
分类专栏： HarmonyOS 文章标签： 华为 java android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jossing45/article/details/116854008
版权
本文介绍了将JsBridge移植到HarmonyOS的过程，包括遇到的问题，如缺失的WebView组件，JSON处理，CallbackId生成等，并分享了解决方案。同时，文章指出HarmonyOS在设置标题文字和颜色、状态栏文字颜色等方面的限制，以及开发者文档查询体验不佳的情况。
摘要由CSDN通过智能技术生成

JsBridge for Harmony OS

今天周末，听说鸿蒙有 WebView 了，来了兴趣，试试把大名鼎鼎的 JsBridge 搬到鸿蒙，预计应该没啥问题，毕竟从应用层 API 上看，HarmonyOS 和 Android 就像两兄弟（🐶）。

效果图

模拟器运行效果图

源码地址

https://github.com/Jossing/JsBridge-for-HarmonyOS

闲聊&吐槽

说一下迁移过程中遇到的几个问题。

  • HarmonyOS 没有常用的 @NonNull 和 @Nullable，也没有 Android 平台的 @MainThread 和 @UiThread 的代替品。
    没有 @MainThread 和 @UiThread 我就当是平台差异了，自行拷贝一个就当标记用了。但是基本的 @NonNull 和 @Nullable

最低0.47元/天 解锁文章
Jossing45
关注
专栏目录
鸿蒙面试题：请说一下如何移植 JsBridge 到鸿蒙
shudaoshanQAQ的博客
03-28 1687
关于 JsBridge 的通信原理，现在主流的技术方案有 拦截 URL 和 对象注入 两种
鸿蒙端H5容器化建设——JSB通信机制建设
关于Android开发的一些技术点总结 ╮(￣▽￣”)╭
12-18 2716
本文概述了鸿蒙系统的架构以及开发模式，并且指出鸿蒙的适配工作任重而道远。其中，Native侧的迁移适配需要大量的时间和成本；而H5作为天然的跨端生态，尤其是在业务中本来就有很重的业务承载，那么H5容器化是首先要去适配的。ArkTS与H5的JSB通信机制则是本文的重点描述内容，剩下的H5容器所需的Native能力，则需要一点一点去补齐。
HarmonyOS鸿蒙应用开发——探索原生与H5通信框架DSBridge-HarmonyOS的奥秘
liyou041的博客
08-02 1275
HarmonyOS版的DSBridge是一个桥梁库，它允许鸿蒙原生环境与JavaScript之间进行交互，彼此能够调用对方的功能。该库目前兼容Android和iOS上第三方DSBridge库的核心功能，基本保持了原有的使用方式。本文章来带你探索该库的使用。
鸿蒙开发app支持JavaScript？上手Hello,World，体验究竟香不香
qq_43604486的博客
09-14 6241
第一步：下载开发工具 Tips：小插曲 前面原本还想考虑下是否要去看鸿蒙os源代码，读点东西，然后上某乎装一手，但是看到了它码云上的开源仓库，我…一个截图，你们自己品吧 我只想说作为一个前端coder，打扰了，太难了 正式篇 要体验它的app开发那第一步肯定是打开它的官网下载它的ide啦，点击鸿蒙官网，它的界面是这样的： 哈哈，还是挺漂亮的，有逼格，我都想模仿一波了。 接下来我们来下载它的开发工具看看，点击HUAWEI DevEco Studio进入下载页面： 乍一看还以为是
harmonyos英文怎么读-JsBridge-for-HarmonyOS:鸿蒙的JsBridge
07-01
harmonyos英文怎么读 JsBridge for HarmonyOS 这是一个能在 HarmonyOS 运行 JsBridge。 原项目在 ，它面向 Android 平台。 效果图
HarmonyOS Connect生态产品 FAQ 汇总（持续更新）
HarmonyOSDev的博客
12-21 1375
1，企业实名认证，是否一定需法人手持身份证进行申请？ 不需要。您可以选择对公银行打款认证的方式，完成实名认证。 2，企业实名认证，提示企业信息已注册帐号，如何找回？ 如果忘记登录帐号，可以申请找回。找回帐号需提供以下材料，并将相关材料邮件至devConnect@huawei.com或者在线提单（https://developer.huawei.com/consumer/cn/support/feedback/#/）反馈，将由相关工作人员进行处理。 人工审核认证方式认证的帐号需要提供：“三证合一的
在 HarmonyOS 上实现 ArkTS 与 H5 的交互
HarmonyOSDev的博客
11-13 2887
您已经完成了本次 Codelab 的学习，并了解到以下知识点：1. ArkTS 侧如何使用桥接通道提供给 H5 调用方法。2. H5 如何接收 ArkTS 侧的异步数据。
【HarmonyOS NEXT】WebView是否支持JSBridge注入和通信
Mayism123的博客
03-12 1394
通过JSBridge，可以在WebView中通过JavaScript代码调用客户端提供的功能，也可以从客户端中调用JavaScript函数。H5调用ArkTS：通过javaScriptProxy接口（对应Android的addJavascriptInterface接口），将对象注册到HTML的window对象上。ArkTS调用H5：通过runJavaScript接口（对应Android的evaluateJavaScript接口）调用HTML中的代码，异步执行JS脚本。通信方式有以下三种。
JSBridge 之 Web 端与 App 交互 - 鸿蒙 HarmonyOS Next
最新发布
survivorsfyh的博客
08-14 669
JSBridge 之 Web 端与 App 交互 - 鸿蒙 HarmonyOS Next
jsbridge.js.zip
05-24
使用 JSBridge 与原生 IOS、Android 进行交互，互传消息，完美封装，vue和react可直接使用
如何移植 JsBridge 到鸿蒙
chuyouyinghe的专栏
03-14 1067
相信大多数小伙伴的项目都已经有了线上稳定运行的 JsBridge 方案，那么对于鸿蒙来说，最好的方案肯定是不需要前端同学的改动，就可以直接运行，这个兼容任务就得我们自己来做了。关于 JsBridge 的通信原理，在中已经介绍过了，现在主流的技术方案有和两种，我们分别看一下如何在鸿蒙上实现。
【鸿蒙应用ArkTS开发系列】- Web组件使用讲解
枫的专栏
04-11 8462
Web是提供网页显示能力的组件，具体用法请参考Web API。
JS Bridge
luqingxuan
05-21 117
  https://github.com/lzyzsd/JsBridge   https://github.com/marcuswestin/WebViewJavascriptBridge   https://www.cnblogs.com/iOS-eflying/p/7143552.html   https://blog.csdn.net/carson_ho/article/d...
JSBridge
sxm666666的博客
01-26 2765
JavaScript提供调用Native功能的接口。让混合开发中的前端部分可以方便地使用Native的功能（地址位置、打开摄像头，查看本地相册，指纹支付） JSBridge是Native和非Native之间的桥梁，他的核心是构建Native和非Native间消息通信的通道（而且这个通信的通道是双向的）。 双向通信的通道： JS向Native发送消息：调用相关的功能、通知Native当前js的相关状态等 Native向JS发送消息。回溯调用结果，消息推送。通知js当前Native的状态等 H5与Nati
IRS应用发布之十八:JSBridgeApi
林中静月下仙的博客
05-19 1147
API概览 缓存 API 浙里办APP 浙里办支付宝小程序 描述 存储数据缓存 √ √ 通过键值对存储数据缓存 读取数据缓存 √ √ 读取数据缓存 删除缓存 √ √ 删除缓
快速混合开发框架，JSBridge 提供核心 Android、iOS 功能。多平台 API 支撑，部分兼容浏览器
未来很长，但我会努力的走下去。
09-11 161
quickhybrid 项目地址：quickhybrid/quickhybrid 简介： 快速混合开发框架，JSBridge 提供核心 Android、iOS 功能。多平台 API 支撑，部分兼容浏览器 更多：作者提 Bug 标签： quickhybrid- 快速混合开发框架，JSBridge 提供核心 Android、iOS 功能。多平台 API 支撑，部分兼容浏...
Android 与 JavaScript 相互调用桥梁 JSBridge
热门推荐
ejinxian的专栏
03-27 2万+
JSBridge 什么是JSBridge JSBridge：听其取名就是js和Native之前的桥梁，而实际上JSBridge确实是JS和Native之前的一种通信方式。简单的说，JSBridge就是定义Native和JS的通信,Native只通过一个固定的桥对象调用JS,JS也只通过固定的桥对象调用Native。JSBridge另一个叫法及大家熟知的Hybrid app技术。
简谈JSBridge
weixin_40542544的博客
05-14 610
H5端jsBridge 引入方式 由h5端引用 在我司移动端初期版本时采用的是该方式，采用本地引入 npm 包的方式进行调用。这种方式可以确定 JSBridge 是存在的，可直接调用 Native 方法。但是如果后期 Bridge 的实现方式改变，双方需要做更多的兼容，维护成本高 由native注入 这是当前我司移动端选用的方式。在考虑到后期业务需要的情况下，进行了重新设计，选用 Native 注入的方式来引用 JSBridge。这样有利于保持 API 与 Native 的一致性，但是缺点是在 Native
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值