参考资料
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