MUI离线原生打包,利用Android Studio进行原生打包MUI项目

首先从官网http://www.dcloud.io/ 下载HBuilder,用该软件建立一个HTML5的移动APP项目,具体可去官网查看相应的文档。json

接下来就是如何将写好的HBuilder引入到咱们的安卓项目中。app

先到http://ask.dcloud.net.cn/article/103 下载HBuilder离线打包Android版SDK,SDK里面有个HBuilder-Integrate工程咱们将会用到,接下来开始了~~~~~ui

先用Android Studio建立一个新项目(MyFirstMUI)。.net

一、导入jar包,可从HBuilder-Integrate工程的libs中选择,具体要导入哪些jar包可从SDK中的Feature-Android.xls中查看。插件

二、加入APP资源:code

wKioL1ZvtELyfM-VAAAxEtCfurI070.png  

①在工程目录下的建立assets文件夹,并在assets目录下添加apps目录xml

②在apps目录下建立应用ID同名目录blog

③在应用ID同名目录下建立www目录图片

④将应用资源和应用配置文件(manifest.json)拷贝到www目录下ip

 

其中“H5B1EA68D”目录名称为应用manifest.json中的id名称,务必一致。

 

 

 

 

 

 

 

 

添加control.xml文件和properties.xml文件到assets->data目录下

wKioL1Zvt2iSYvWSAAA3cBScjBo255.png

 

 

其中control.xml文件的appid值为HBuilder应用的appid,必须与应用manifest.json中的id值彻底一致;appver为应用的版本号,用于应用资源的升级,必须保持与manifest.json中的version -> name值彻底一致;version值为应用基座版本号(plus.runtime.innerVersion返回的值),不要随意修改。

 

Properites文件用于对应JS类名和Android包名的对应关系,用户能够根据开发项目使用到的插件对文件进行添加或删改。

 

 

这两个文件均可从HBuilder-Integrate工程中拷贝过来进行修改。

 

 

 

 

 

三、复制所需的资源文件到drawable和layout文件夹中:

wKioL1ZvvyLBz7BnAAAxff-ydck090.png 

四、修改AndroidManifest.xml文件

文件中的versionCode与manifest.json中version -> code值一致;versionName与manifest.json中version -> name值一致。

wKiom1ah7_iz1TlcAACBd3oNusk243.png

根据HBuilder-Integrate工程中的AndroidManifest.xml文件添加所需的功能权限。

若是只是须要基本功能的话能够只添加上述的基本权限。

wKiom1ah8Q7xEyTHAACYOxLDTeg823.png

声明必须的这两个activity(其中一个为启动的activity),其余可根据HBuilder-Integrate工程中的AndroidManifest.xml文件进行相应添加。

五、添加RInfomation文件

wKiom1ZvvVnDg3nYAAAzI-bPSMI728.pngwKioL1ah8mngbMQ0AACHSqzs8Hs284.png

注意RInfomation要连同其目录一块儿复制进项目中。

须要其余功能可根据HBuilder-Integrate工程中相应的RInfomation文件进行添加。

 

 

 

若是缺乏对应资源文件,你们能够从HBuilder-Integrate工程中获取。

具体可查看文档http://ask.dcloud.net.cn/article/81

到此结束,附上我本身写的例子你们能够下载下来参考,是用Android Studio写的,在Eclipse上同理。

下载地址http://down.51cto.com/data/2127178 

---------------------此处是分割线-----------------------

 

 

另外若是你想要在一个安卓项目中引入多个HBuilder写成的APP模块,一样先将资源拷贝到assets目录下,以下在control.xml文件中配置多个apps,便可引用多个模块。

wKioL1ZvwdTSmg4fAAAjXoFdTmk164.png

相关文章
相关标签/搜索