HBuilder中用JS发送Android广播-优快云博客

本文链接：https://blog.youkuaiyun.com/kerry1789/article/details/102842646

本文介绍如何使用HBuilder的Native.js框架发送广播至Android应用，实现H5页面与原生应用的交互。通过监听plusready事件，获取当前Webview的native层实例，再利用Intent发送广播，实现应用间互动。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HBuilder有Native.js框架，网上已经有很多实例了，本文补充实例，Native.js发送广播的案例，详细如下代码：

<!DOCTYPE html>
<html>
   <head>
   <meta charset="utf-8"/>
   <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
   <title>Android - native.js</title>
   <script type="text/javascript">
var nwv=null;
// 监听plusready事件
document.addEventListener( "plusready", function(){
   // 扩展API加载完毕，现在可以正常调用扩展API
   // 获取当前Webview窗口对象的native层实例对象
   nwv = plus.android.currentWebview();
}, false );
// 后台登陆
function login(){
   var main = plus.android.runtimeMainActivity();//获取acitivity
   var Intent = plus.android.importClass("android.content.Intent");
   var intent=new Intent("com.android.test.DO_LOGIN_BG");
   intent.putExtra("username","13992007907");
   intent.putExtra("password","123456");
   main.sendBroadcast(intent);
}
   </script>
   </head>
   <body>
       获取当前Webview窗口对象的native层实例对象<br/>
       <button οnclick="login()">登陆</button>
   </body>
</html>

同时，manifest.json需要配置以下信息调用才会有效：

        "Invocation": {
           "description": "Native.js"
       }

代码非常简单，两处改动能让你的H5页面通过发送广播的方式操作Android端应用，实现应用间互动。