启动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会根据对应的类名查找并生成相应的对象并执行对应的逻辑。
在应用的manifest.json文件中还需要添加扩展插件的应用使用权限
uni-app调用插件扩展的方法
在uni-app的.vue单页面文件中通过plus.bridge.exec(“插件名”,“扩展方法名”)
离线打包
安装HBuilderX
微信开发工具下载
生成项目的本地打包app资源
整合
生成完毕后放到前边插件开发的HBuilder-Integrate工程的/assets/apps 目录下
在/assets/data下的dcloud_control.xml中修改所需整合的uni-app编译成的项目id。
(appid和本地打包app资源中的manifest.json文件里边的id一致)