大家好强经，我是IT修真院深圳分院第01期學(xué)員，一枚正直善良的web程序員掺涛。
今天給大家分享一下庭敦，修真院官網(wǎng)js4任務(wù)中， 如何使用HBuilder打包APP薪缆，與部分使用說(shuō)明秧廉！
1.背景介紹
什么是HBuilder？
HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java疼电、C嚼锄、Web和Ruby。HBuilder本身主體是由Java編寫蔽豺，它基于Eclipse区丑，所以順其自然地兼容了Eclipse的插件。
快修陡，是HBuilder的最大優(yōu)勢(shì)沧侥，通過(guò)完整的語(yǔ)法提示和代碼輸入法、代碼塊等魄鸦，大幅提升HTML正什、js、css的開發(fā)效率号杏。
當(dāng)知道如何創(chuàng)建HTML5 APP項(xiàng)目，以及APP頁(yè)面如何調(diào)試后斯棒。接下來(lái)盾致，需要考慮的就是HTML5 APP項(xiàng)目打包的事情。
2.知識(shí)剖析
2.1荣暮、Manifest.json文檔
Manifest.json文件是5+移動(dòng)App的配置文件庭惜，用于指定應(yīng)用的顯示名稱、圖標(biāo)穗酥、應(yīng)用入口文件地址及需要使用的設(shè)備權(quán)限等信息护赊，用戶可通過(guò)HBuilder的可視化界面視圖或者源碼視圖來(lái)配置5+移動(dòng)App的信息。
Manifest.json文件根據(jù)w3c的webapp規(guī)范制定砾跃，plus節(jié)點(diǎn)下內(nèi)容為HTML5Plus擴(kuò)展規(guī)范骏啰，其下包括iOS和Android子節(jié)點(diǎn)，內(nèi)容來(lái)源分別為iOS和Android原生打包所要求的參數(shù)抽高，用于對(duì)5+移動(dòng)App打包為ipa或apk安裝包進(jìn)行配置判耕。
2.2、應(yīng)用信息配置
在HBuilder中創(chuàng)建“移動(dòng)App”應(yīng)用后后都會(huì)在工程下生成manifest.json文件翘骂，在“項(xiàng)目管理器”中雙擊即可打開壁熄。
2.3挺勿、HBuilder打開manifest.json文件后默認(rèn)顯示“可視化視圖”瓦糕，可配置應(yīng)用的基本信息：
- 應(yīng)用名稱：App打包后在手機(jī)上桌面的快捷方式名稱；
- appid：HBuilder appid（應(yīng)用標(biāo)識(shí)）轰绵，在創(chuàng)建時(shí)分配的莹桅、以后不可改的標(biāo)識(shí)昌执。如用戶手動(dòng)修改ID打包時(shí)會(huì)提示參數(shù)錯(cuò)誤；
- 版本號(hào)：應(yīng)用的版本號(hào)
- 入口頁(yè)面：應(yīng)用啟動(dòng)后自動(dòng)打開的第一個(gè)HTML頁(yè)面，可填寫本地html文件地址（相對(duì)于應(yīng)用根目錄）或網(wǎng)絡(luò)地址（以http://或https://開頭）仙蚜。
-debug模式：不勾選打包后的apk不生成日志文件
可通過(guò)點(diǎn)擊表示設(shè)備方向的按鈕來(lái)選擇設(shè)備支持重力感應(yīng)旋轉(zhuǎn)方向此洲。 重力選擇按鈕可選擇一個(gè)或多個(gè)，選擇多個(gè)方向后委粉，應(yīng)用可按照指定方向顯示應(yīng)用頁(yè)面呜师，如只選中一個(gè)按鈕，表示終端只支持一個(gè)方向顯示頁(yè)面內(nèi)容贾节。
3.常見問(wèn)題
應(yīng)用的應(yīng)用圖標(biāo)和啟動(dòng)圖片如何設(shè)置栗涂？
4.解決方案
解決方法：請(qǐng)檢查應(yīng)用的圖標(biāo)是否有格式問(wèn)題知牌，嚴(yán)格按照指定的尺寸使用png格式提交打包。 圖標(biāo)文件和啟動(dòng)圖片都需要png格式的圖片斤程，用戶可以根據(jù)HBuilder提示添加指定尺寸的圖片 或者通過(guò)修改manifest文件修改圖片的引用地址：
設(shè)置應(yīng)用圖標(biāo)只能上傳png格式的圖片角寸，可以通過(guò)上傳一張192x192的源圖片，可以選擇自動(dòng)生成所有ios和Android上不同格式的應(yīng)用圖標(biāo)忿墅。
設(shè)置啟動(dòng)圖片只能上傳png格式的圖片扁藕，選擇ios和Android上不同尺寸的圖片。
5.擴(kuò)展思考
還有什么比較好的打包的軟件
ios打包ipa：iOS開發(fā)環(huán)境疚脐，Mac OS亿柑、XCode；
Android打包apk：Android開發(fā)環(huán)境棍弄，使用eclipse和ADT望薄；
