kntt / vue-js-bridge Goto Github PK

@Kntt ，从文档上看，
1、只看到h5提供数据的两种方法给移动端，但是移动端不知道怎么接收，
2、如果移动端要传输数据给h5，h5怎么接收处理数据

先看配置

引用

vue中mounted代码如下

不管引用中delay设置多少，或者setTimeout设置多少，浏览器中总是最后显示[VueJsBridge] work in mock mode...

android代码顺序
使用andserver启动了一个内部服务器用来访问vue
andserver可以监听服务器已经开始启动，这时候loadUrl（vue页面）,并且不阻塞5秒后执行

webViewRegister里执行例子中的代码

最终代码Log信息如下

页面上按钮callNative代码

执行后的Log信息

APP上code显示如下

哪里有错吗？为什么无效呢。。。新手捣鼓两天了。上面是下载的最新版重试的结果

我现在的流程是
创建并初始化WebView ->
加载url ->
200毫秒后，安卓端注册 webView.registerHandler("callNativeHandler", new BridgeHandler()...）->
Vue页面mounted()方法里this.$bridge.registerHandler('callJsHandler', (msg, callback)...) ->
1000毫秒后，Vue调用this.$bridge.callHandler(...)

控制台看到的结果是
安卓端注册
vue启动
js注册
然后就显示 java.io.FileNotFoundException: WebViewJavascriptBridge.js
chromium给出"Uncaught ReferenceError: WebViewJavascriptBridge is not defined"

这种情况是我注册的时机不对吗？

delay: 10000,参数我加到10秒还是不行.
我这边加载的url 是线上url链接,不是本地的url文件

我这边自己加个setTimeout,然后把delay改成0毫秒,运行起来是没有问题的

能说一下您的代码环境吗?
您在之前是怎么处理的 ?
还有就是有其他的解决方案吗?

您的东西,我研究了好几天了,跟IOS调试两个方法都没有问题,但是安卓端调取我的方法调不通

async callNative() {
  try {
    await this.$bridge
      .callHandler({
        type: "Log",
        data: {
          name: "test js bridge"
        }
      })
      .then(res => {
        console.log("native-res", res);
        this.code = res;
      });
  } catch (error) {
    console.log("error", error);
  }
}

Vue.use(VueJsBridge, {
debug: true,
nativeHandlerName: "SLJsBridge",
mock: false,
mockHandler(payload, next) {
// mock by payload
// call next(data) to mock data
next(Object.assign({ form: "native" }, payload));
}
});

然后原生同事那边约定好 这个名字 但是调用的时候就 打印start calling nativeHandler with payload 之后就没有反应了 但是直接 用 SLJsBridge.Log() 就可以调用成功。原生那边应该怎么写呢 还是现在写的这些有问题

callNative() {
console.log("click");
try {
this.$bridge
.callHandler({
type: "Log",
data: {
name: "test js bridge"
}
})
.then(res => {
console.log("native-res", res);
this.code = res;
});
} catch (error) {
console.log("error", error);
}
}

这段代码 ios 可以走到.then 但是 安卓走不进来

VueJsBridgePlugin init：

WebViewJavascriptBridge适配IOS机型，JsBridge适配安卓机型，此处写法仅仅适配的是Ios手机
应该：