首先从官网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
①在工程目录下的建立assets文件夹,并在assets目录下添加apps目录xml
②在apps目录下建立应用ID同名目录blog
③在应用ID同名目录下建立www目录图片
④将应用资源和应用配置文件(manifest.json)拷贝到www目录下ip
其中“H5B1EA68D”目录名称为应用manifest.json中的id名称,务必一致。
添加control.xml文件和properties.xml文件到assets->data目录下
其中control.xml文件的appid值为HBuilder应用的appid,必须与应用manifest.json中的id值彻底一致;appver为应用的版本号,用于应用资源的升级,必须保持与manifest.json中的version -> name值彻底一致;version值为应用基座版本号(plus.runtime.innerVersion返回的值),不要随意修改。
Properites文件用于对应JS类名和Android包名的对应关系,用户能够根据开发项目使用到的插件对文件进行添加或删改。
这两个文件均可从HBuilder-Integrate工程中拷贝过来进行修改。
三、复制所需的资源文件到drawable和layout文件夹中:
四、修改AndroidManifest.xml文件
文件中的versionCode与manifest.json中version -> code值一致;versionName与manifest.json中version -> name值一致。
根据HBuilder-Integrate工程中的AndroidManifest.xml文件添加所需的功能权限。
若是只是须要基本功能的话能够只添加上述的基本权限。
声明必须的这两个activity(其中一个为启动的activity),其余可根据HBuilder-Integrate工程中的AndroidManifest.xml文件进行相应添加。
五、添加RInfomation文件
注意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,便可引用多个模块。