uni-app开发环境配置及混合开发流程 (2)

uni-app开发环境配置及混合开发流程

启动chromel浏览器并切换为手机调试模式,访问如上地址即可体验。

nui-app与原生混合开发

uni-app官网

插件开发

准备

下载HTML5+基座的Android版SDK点击下载解压后将HBuilder-Integrate工程导入AndroidStudio.

创建插件类

创建一个继承自StandardFeature的类,实现第三方插件扩展。

插件类的扩展方法

扩展方法有两个传入参数: IWebview pWebview : 发起请求的webview JSONArray array : JS请求传入的参数

返回值(有同步执行返回和异步执行返回):

同步(框架通过此类方法对返回值进行包裹)

JSUtil.wrapJsVar("Html5 Plus Plugin Hello1!",true);

异步

JSUtil.execCallback(pWebview, cbId, (which==AlertDialog.BUTTON_POSITIVE)?"ok":"cancel", JSUtil.OK, false, false);

关联JS插件名和原生类

在编写扩展插件时需要修改“/assets/data”中dcloud_properties.xml文件,在其中添加JS对象名称和Android包的类名对应关系,SDK会根据对应的类名查找并生成相应的对象并执行对应的逻辑。

uni-app开发环境配置及混合开发流程

在应用的manifest.json文件中还需要添加扩展插件的应用使用权限

uni-app开发环境配置及混合开发流程

uni-app调用插件扩展的方法

在uni-app的.vue单页面文件中通过plus.bridge.exec(“插件名”,“扩展方法名”)

uni-app开发环境配置及混合开发流程

uni-app开发环境配置及混合开发流程

离线打包

安装HBuilderX

微信开发工具下载

生成项目的本地打包app资源

uni-app开发环境配置及混合开发流程

uni-app开发环境配置及混合开发流程

整合

生成完毕后放到前边插件开发的HBuilder-Integrate工程的/assets/apps 目录下

在/assets/data下的dcloud_control.xml中修改所需整合的uni-app编译成的项目id。

(appid和本地打包app资源中的manifest.json文件里边的id一致)

uni-app开发环境配置及混合开发流程

uni-app开发环境配置及混合开发流程

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgzfjg.html