更新记录
0.1.0(2024-05-16) 下载此版本
实现在webview中自定义contextMenu、h5与app通信
平台兼容性
Android | Android CPU类型 | iOS |
---|---|---|
适用版本区间:4.4 - 11.0 | armeabi-v7a:未测试,arm64-v8a:未测试,x86:未测试 | × |
原生插件通用使用流程:
- 购买插件,选择该插件绑定的项目。
- 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
- 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
- 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
- 开发完毕后正式云打包
付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios
注意事项:使用HBuilderX2.7.14以下版本,如果同一插件且同一appid下购买并绑定了多个包名,提交云打包界面提示包名绑定不一致时,需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择
插件为android原生插件,使用时需要在nvue页面中使用
nvue内使用
<template>
<div>
<button type="primary">test显示</button>
<ccr-webview ref="webview" style="width: 750rpx;height: 500px;" :option="option" @onSendMessage="onSendMessage" @onMenuChange="onMenuChange"></ccr-webview>
</div>
</template>
<script>
export default {
data() {
return {
option: {
cookie: {
name: 'xt_11',
value: '123',
domain: '',
path: '/',
expires: 3600
},
userAgent: 'xxxx',
url: '@/static/test.html',
// 按顺序声明contextMenu
actions: ['Item1', 'Item2', 'Item3']
}
}
},
methods: {
onSendMessage: (e)=> {
uni.showToast({
title: "onSendMessage",
duration: 3000,
icon:'success'
})
},
onMenuChange: (e)=> {
uni.showToast({
title: "onMenuChange",
duration: 3000,
icon:'success'
})
}
}
}
</script>
<style>
</style>
H5向app发送消息
const message = {
'key': 'value'
}
window.Android.postMessage(JSON.stringify(message));