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

相關文章
相關標籤/搜索