android混合编程,第二篇：实现uni-app和原生(Android)以及H5项目混编

由于目前市面上的app大部分是由原生和H5独立或混合编写，本文尝试对原生项目进行改造，实现原生(Android)和uni-app以及html5项目混编，使其能在iOS、Android、H5、小程序等多个平台运行，从而实现跨平台开发。

第一步：新建uni-app项目

第二步：调用H5插件模块

将编写好的网页使用uniapp中提供的web-view组件装载到app中运行，web-view是一个 web 浏览器组件，它可以用来承载网页的容器，会自动铺满整个页面。

uniapp可以用来加载本地和网络网页，小程序仅支持加载网络网页(个人类型与海外类型的小程序不支持使用 web-view 组件)，App 平台同时支持网络网页和本地网页，但本地网页及相关资源(js、css等文件)必须放在 uni-app 项目根目录->hybrid->html 文件夹下，如下为一个加载本地网页的uni-app项目文件目录示例：

┌─components //目录：组件文件存放目录

├─hybrid //目录：本地网页及相关资源

│ └─html

│ ├─css

│ │ └─test.css

│ ├─img

│ │ └─icon.png

│ ├─js

│ │ └─test.js

│ └─local.html

├─pages //目录：业务页面文件存放目录

│ └─index

│ └─index.vue

├─static //目录：存放应用引用静态资源(如图片、视频等)的地方，注意：静态资源只能存放于此

├─m