問題分析:
html5網站主要由html+css+js的形式組成,需要使用瀏覽器進行展現。
Android需要使用Java語言來開發,對於前端工程師來說,無疑是增加了很大的難度。
隨後出現了很多打包工具,來協助我們將網頁元素打包成手機app,將我們編寫的html轉化為Java語言。
解決方案:
推薦壹款我們常用的打包工具:HBuilder。
該工具不僅提供了Android應用打包,還可以直接連接手機進行調試,配合HTML5+可以實現很多Android原生的功能。比如:掃碼二維碼,拍照,搖壹搖等等。
具體操作步驟:
1、真機調試
進入軟件後,第壹步點擊“運行”,第二步點擊“手機運行”,第三步選擇已連接的手機,示例中我使用的是安卓模擬機進行連接的。市面上常用的幾款安卓模擬機器都可以直接連接上。
按如上幾個步驟操作後,會自動執行打包並將應用安裝在鏈接的手機(模擬器)中,可以操作手機(模擬機)進行測試。
2、打包生成Android的安裝格式apk文件
① 打開軟件,選擇發行->發行為原生安裝包,隨即打開下圖窗口。
② 勾選Android復選框,如果使用Dcloud公用證書的話,可以直接進行打包,手機可以安裝使用。如果需要上傳發行到第三方應用平臺的話,需要使用自有證書,自用證書可以使用JRE自帶的創建和管理數字證書的工具Keytool來生成自有證書,生成過程是免費的。
勾選Android選項後,在下方表單中填寫Android包名,為保證唯壹性,可以使用自有網站域名的反寫方式加上應用名稱。如果使用自有證書的話,還需要填寫證書別名,密鑰密碼,證書文件。
填寫完畢後,點擊打包,即可生成apk文件。
其他註意事項:
1、在開發過程中,不需要進行打包,應更多的使用真機調試,可以節約很多時間。
2、開發完畢後,盡可能在各種版本的android機器上做壹下測試,因為壹些網頁的樣式在不同的android版本中呈現的效果略有不同。
3、重新編輯壹下html5網站代碼,將壹些網頁功能轉換為手機功能,比如網頁元素的<a>標簽跳轉,就應該使用Webview來完成。可以解決頁面切換白屏的問題,還可以提高網站在手機中的運行效率。