android 调用app后返回数据,h5和app交互

1、h5调用app的方法或者传值

// Android：

window.Android.方法名(参数)

// ios

window.webkit.messageHandlers.方法名.postMessage(参数)

2、app处理完后回调(向h5传值)

// 自定义一个事件，供app调用

window.供app调用的方法名 = function (data) {

let event = new CustomEvent('自定义的事假名', {

'detail': {

data: data // app传递过来的值

}

})

let dom = document.querySelector('挂载自定义事件的元素id')

dom.dispatchEvent(event)

}

3、例子(这里是h5调用app的扫码功能，将扫码结果回传，基于vue开发)

// html

// js

// 调取原生扫码接口

sweepCode () {

this.$store.state.isAndroid ? window.Android.sweepToApp('start') : window.webkit.messageHandlers.sweepToApp.postMessage('start')

}

// app处理结果回调

sweep (e) {

console.log(e.detail.data) // app传递结果

// 供app调用传值的全局方法(注意需要挂载到window app才调用得到)

window.SweepData = function (data) {

let event = new CustomEvent('SweepData', {

'detail': {

data: data

}

})

let dom = document.querySelector('#sweepBtn')

dom.dispatchEvent(event)

}

以上为自己的使用记录，有更好的方法或者我有不对的地方，欢迎指正

android 调用app后返回数据,h5和app交互相关推荐

jQuery：ajax调用成功后返回数据
本文翻译自:jQuery: Return data after ajax call success [duplicate] This question already has answers here ...
SpringMVC拦截器HandlerInterceptor拦截后返回数据或视图View
SpringBoot版本:2.1.6.RELEASE SpringMVC版本:5.1.8.RELEASE SpringMVC拦截器比如说在SpringMVC Web环境下,需要实现一个权限拦截的功能 ...
解决android调用录音不成功，h5录音权限问题android notReadableError Could not start audio source
解决android调用录音不成功,h5录音权限问题 navigator.mediaDevices.getUserMedia not work on android <uses-permissio ...
php app接口id参数类型过滤,PHP开发APP接口---返回数据的封装类
/** * app返回数据类 * 1.接受多维,缺少键名的数组, * 2.可由输入的format参数决定返回数据格式 * 例子:Response::show(200, 'success', $data ...
android调用系统相机返回图片模糊
最近需要用到调用系统相机拍摄照片的功能,于是就直接调用系统的相机进行拍照,发现返回的bitmap存储之后都是非常模糊的调用系统相机拍摄照片,由于StartActivityForResult过时,改用 ...
安卓Android调用C语言实现其他进程应用app的内存变量读取修改与利用BusyBox实现应用暂停和恢复（Native层）
写在前面需要一定的计算机基础安卓编译运行环境已root手机 C4droid + SDL + GCC 中文版下载链接 https://www.lanzous.com/b958367 GameGuar ...
android调用相机后自动拍照
b 合理使用requestAnimationFrame动画代替setTimeout 微服务基于Mongodb分布式集做数据分析时,当前命令 IBM DB2 .比如路由器即不能有这种情况出现,赢得了各 ...
android调用相机拍照返回的照片大小太小，变得模糊
1.使用相机拍照默认情况下调用相机的方式: Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);startActivityForRe ...
js和安卓app互相传数据（安卓app页面集成html页面，获取数据并给安卓返回数据）
先上Demo: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </ ...

android 调用app后返回数据,h5和app交互

android 调用app后返回数据,h5和app交互相关推荐

最新文章

热门文章