安卓Webview 与 vue h5 使用js交互

JavaScript010

安卓Webview 与 vue h5 使用js交互,第1张

总的来说都是使用安卓webview.loadUrl(url)加载页面

url为在线网页连接

将打包好的网页资源放入安卓静态目录

加载目录为

Android 调用 JS 有两种方式,都是通过 WebView 的方法:

webview.loadUrl()

webview.evaluateJavascript()

js方法

vue需要把方法挂载到windows

通过映射js object暴露给js操作

安卓

h5调用

经常需要适配安卓和ios

加入以下机型判断

Android与H5交互——JSBridge - (jianshu.com)

app与h5混合开发h5需要调原生的方法实现具体功能

1.新建JSbridge.js文件

二、在main.js中加入

三、在需要调原生方法的页面中调用

框架:vue3.0

混合开发

需求:根据后台接口是否返回1401来刷新token,token刷新后重新调上一个接口

封装jsBridge

按需引入

在request.js的请求拦截部分处理