Android原生集成MUI框架进行混合开发

开发APP中我们经常进行原生结合H5进行混合开发，下面将进行详细讲解Android原生集成MUI框架进行混合开发（项目Demo如下，有需要的可以下载查看），下一篇讲述，Android原生和MUI（也适合H5与原生交互）交互的实现。

1：mui官方框架介绍及开发要点：（https://dev.dcloud.net.cn/mui/）如下为官方页面：

    

今天我们就要把这个号称最接近原生开发的框架集成到我们Android原生本地中。

2：首先作为例子我们下载下来mui的官方框架Hellomui,以hellomui这个框架集成到我们的Android原生本地中去。

下载完成后使用H5开发工具HBuild X打开hellomui项目如下（正常在手机上运行）：

3：在该项目中有个manifest.json的文件，打开该文件其中有个基础配置打开配置应用标识（AppID）点击从云端获取后生成如下（真正的项目中配置各种你开发项目中需要的配置信息，如权限，启动页，SDK配置，源码视图等配置）：

这个AppID是集成打原生中需要配置的。然后点击运行—>原生App-本地打包—>生成本地App资源如下图，等待一会打包成功后底部会有生成本地资源包的路径至此H5端准备完毕：

4：在AndroidStudio中新建一个项目这里我新建一个项目叫AndroidMUI项目，一直点击下一步完成项目的构建（就是一个简单的HelloWorld的界面显示），然后下载Android集成需要的SDK（https://ask.dcloud.net.cn/article/103）找到最新的下载就可以了，下载后目录如下（这里有集成所需的全部配置和文件信息）：

5：在AndroidStudio中打开AndroidMUI项目切换到project视图—>app下的libs中添加如下文件（这里只是简单的选取几个，文件是上图中SDK目录下的文件，这些文件很多可以适配所有开发者需要的类似于aar的SDK工具包，我们直接复制我们开发需要的并粘贴到app下的libs包中即可）如下所示：