在Vue中使用dsbirdge(3)js接收 Android壳调用

参考资料

dsbridge 的地址:https://npmjs.com/package/dsbridge
本项目vue的源码:https://gitee.com/BenjaminSong/dsbridge-demo-vue
本项目使用 vue3 + vite + vant
本项目仅做demo单页面使用。前期暂不考虑兼容低版本浏览器的内核问题。
android端:https://www.jianshu.com/p/86a72c85e0f0
此文章需结合《在Android中使用dsbirdge(5) Android壳上调用js方法》

1. 添加模块

详见之前的文章。

2.实际使用

实现方式是JS端调用Android触发Android再主动调用JS方法

function doAndroidToJS(){
  dsBridge.register("androidCall", (e:any)=>{
    showDialog({ message: e });
  })
  dsBridge.call("test.callAndroidBack","JS调用后,会Andorid主动调用js")
}
image.png

最终实现效果


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容