首页 » 网站建设 » hbuilderxphp插件技巧_跨平台开拓对象 HBuilderX 安卓原生插件开拓及运用

hbuilderxphp插件技巧_跨平台开拓对象 HBuilderX 安卓原生插件开拓及运用

访客 2024-12-14 0

扫一扫用手机浏览

文章目录 [+]

这里 UniPlugin-Hello-AS工程 是一个示例项目可以看一下:

下面会借用里面的uniplugin_module。

hbuilderxphp插件技巧_跨平台开拓对象 HBuilderX 安卓原生插件开拓及运用

二、新建uniapp项目

参考过程 https://xundh.blog.csdn.net/article/details/107061582

hbuilderxphp插件技巧_跨平台开拓对象 HBuilderX 安卓原生插件开拓及运用
(图片来自网络侵删)
三、搭建本地编译环境

在android studio 导入SDK里的 HBuilder-Integrate-AS项目。

四、开拓步骤

本文只是演示uniapp集成原生插件的过程,下面直接借用了uniplugin_module项目。

1. 编译示例中的uniplugin_module,天生aar

找到天生的aar:

2. 在 HBuilder项目里添加插件

目录格式(在项目根目录创建nativePlugins目录):

4.2.1 package.json内容:

{ "name": "TestModule", "id": "TestModule", "version": "0.1", "description": "connect", "_dp_type":"nativeplugin", "_dp_nativeplugin":{ "android": { "plugins": [ { "type": "module", "name": "TestModule", "class": "io.dcloud.uniplugin.TestModule" } ], "hooksClass": "", "integrateType": "aar", "dependencies": [ ], "compileOptions": { //可选,Java编译参数配置 "sourceCompatibility": "1.8", "targetCompatibility": "1.8" }, "abis": [ "armeabi-v7a", "x86","arm64-v8a" ], "minSdkVersion": "21", "permissions": [ "" ], "parameters": { } } }}4.2.2 配置manifest.json

3. 在本地编译环境中添加插件

在 src/main/assets/ 下新建文件: dcloud_uniplugins.json

内容如下:

{ "nativePlugins": [ { "plugins": [ { "type": "module", "name": "TestModule", "class": "io.dcloud.uniplugin.TestModule" } ] } ]}五、在vue中利用插件

const modal = uni.requireNativePlugin('modal');var testModule = uni.requireNativePlugin("TestModule");testModule.testAsyncFunc({'name':'unimp','age':1},(ret)=>{modal.toast({message:ret,duration:1.5});})六、编译项目及利用1. 天生资源包

2. 拷贝天生的目录放到android studio下

3. 修正 src/main/assets/data/dcloud_control.xml

运行项目,就可以通过vue调用android原生代码了。

标签:

相关文章

大数据时代旅游业的变革与创新

随着互联网技术的飞速发展,大数据时代已经到来。在这个时代背景下,旅游业也面临着前所未有的变革。大数据技术的应用,使得旅游业在营销、...

网站建设 2024-12-16 阅读0 评论0

mysql和php网页技巧_PHPAJAX 与 MySQL

AJAX 数据库实例下面的实例将演示网页如何通过 AJAX 从数据库读取信息:本教程利用到的 Websites 表 SQL 文件:...

网站建设 2024-12-16 阅读0 评论0