我們口中常說(shuō)的開(kāi)發(fā)APP都是使用編程語(yǔ)言開(kāi)發(fā)的APP,有前后端,有代碼。是需要付出大量的時(shí)間和金錢的,還需要人工維護(hù),市場(chǎng)上開(kāi)發(fā)一個(gè)APP的價(jià)格,根據(jù)功能不同,價(jià)格相差很大,有些模板開(kāi)發(fā)可能幾千塊就搞定了,有些源碼開(kāi)發(fā)十幾萬(wàn)。
創(chuàng)新互聯(lián)是一家專注于網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)與策劃設(shè)計(jì),溫宿網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:溫宿等地區(qū)。溫宿做網(wǎng)站價(jià)格咨詢:13518219792
而網(wǎng)站封裝打包的APP其實(shí)只是給網(wǎng)站套一個(gè)APP的殼子,它本質(zhì)還是網(wǎng)站,這個(gè)封裝出來(lái)的APP本身是沒(méi)有后臺(tái)的,只有網(wǎng)站后臺(tái),它可以像普通APP一樣安裝在手機(jī)上,但打開(kāi)之后是網(wǎng)頁(yè)。
很多不想花精力開(kāi)發(fā)APP的企業(yè)通常會(huì)選擇使用網(wǎng)站封裝“快速開(kāi)發(fā)”一個(gè)APP,因?yàn)檫@樣非常簡(jiǎn)單,很多開(kāi)發(fā)者服務(wù)平臺(tái)在這方面都提供免費(fèi)服務(wù)的,自己操作一分鐘不到就搞定了。
登錄亥著開(kāi)發(fā)者中心,大家可以用自己的手機(jī)號(hào)注冊(cè)賬號(hào)。
點(diǎn)擊“封裝APP”
輸入自己的網(wǎng)址,選擇需要封裝的系統(tǒng),可以自己做圖標(biāo)和啟動(dòng)圖,也可以選擇平臺(tái)現(xiàn)有的。
根據(jù)需求選擇功能插件,如果不需要可以不選。
這樣就封裝好了
打包成Android APP為例
下載安裝MyEclipse2014,Android SDK,eclipse(需配置Android開(kāi)發(fā)環(huán)境)
Java和Android環(huán)境安裝與配置,將另寫經(jīng)驗(yàn)分享,讀者也可百度參考其他相關(guān)資料,自行安裝
打開(kāi)MyEclipse2014,新建一個(gè)HTML5 Mobile Application Project,命名,例如:hello
html5程序在工程www目錄下編輯;
編輯好我們的html5程序,下面就要開(kāi)始學(xué)習(xí)打包了
這里介紹兩種打包方式:1、PhoneGap Build Service 打包
PhoneGap官網(wǎng)有相關(guān)教程可參考,不具體介紹
2、android SDK +eclispe 打包
android SDK +eclispe 打包(前提已配置好,android開(kāi)發(fā)環(huán)境):
Step1、啟動(dòng)eclipse,新建Android Application Project,即Android工程,命名,例如:hello
Step2、將前面Myeclipse2014中編輯好的HTML5程序拷至剛剛在eclipse新建hello工程對(duì)應(yīng)assets目錄下面
Step3、下面要做的就是如何將我們的HTML5程序在Android應(yīng)用中啟動(dòng),這里我們要使用Android系統(tǒng)自帶的WebView控件(具體信息參考Adroid開(kāi)發(fā)文檔)---在工程下找到res-layout-activity_main.xml并打開(kāi),向里面插入WebView控件,編輯好自己想要的樣式
8
Step4、在主程序入口,用剛剛編輯好的WebView控件將HTML5程序引入,此時(shí),主體功能已實(shí)現(xiàn),編譯工程即可得到apk
問(wèn)題分析:
html5網(wǎng)站主要由html+css+js的形式組成,需要使用瀏覽器進(jìn)行展現(xiàn)。
Android需要使用Java語(yǔ)言來(lái)開(kāi)發(fā),對(duì)于前端工程師來(lái)說(shuō),無(wú)疑是增加了很大的難度。
隨后出現(xiàn)了很多打包工具,來(lái)協(xié)助我們將網(wǎng)頁(yè)元素打包成手機(jī)app,將我們編寫的html轉(zhuǎn)化為Java語(yǔ)言。
解決方案:
推薦一款我們常用的打包工具:HBuilder。
該工具不僅提供了Android應(yīng)用打包,還可以直接連接手機(jī)進(jìn)行調(diào)試,配合HTML5+可以實(shí)現(xiàn)很多Android原生的功能。比如:掃碼二維碼,拍照,搖一搖等等。
具體操作步驟:
1、真機(jī)調(diào)試
進(jìn)入軟件后,第一步點(diǎn)擊“運(yùn)行”,第二步點(diǎn)擊“手機(jī)運(yùn)行”,第三步選擇已連接的手機(jī),示例中我使用的是安卓模擬機(jī)進(jìn)行連接的。市面上常用的幾款安卓模擬機(jī)器都可以直接連接上。
按如上幾個(gè)步驟操作后,會(huì)自動(dòng)執(zhí)行打包并將應(yīng)用安裝在鏈接的手機(jī)(模擬器)中,可以操作手機(jī)(模擬機(jī))進(jìn)行測(cè)試。
2、打包生成Android的安裝格式apk文件
①?打開(kāi)軟件,選擇發(fā)行-發(fā)行為原生安裝包,隨即打開(kāi)下圖窗口。
②?勾選Android復(fù)選框,如果使用Dcloud公用證書的話,可以直接進(jìn)行打包,手機(jī)可以安裝使用。如果需要上傳發(fā)行到第三方應(yīng)用平臺(tái)的話,需要使用自有證書,自用證書可以使用JRE自帶的創(chuàng)建和管理數(shù)字證書的工具Keytool來(lái)生成自有證書,生成過(guò)程是免費(fèi)的。
勾選Android選項(xiàng)后,在下方表單中填寫Android包名,為保證唯一性,可以使用自有網(wǎng)站域名的反寫方式加上應(yīng)用名稱。如果使用自有證書的話,還需要填寫證書別名,密鑰密碼,證書文件。
填寫完畢后,點(diǎn)擊打包,即可生成apk文件。
其他注意事項(xiàng):
1、在開(kāi)發(fā)過(guò)程中,不需要進(jìn)行打包,應(yīng)更多的使用真機(jī)調(diào)試,可以節(jié)約很多時(shí)間。
2、開(kāi)發(fā)完畢后,盡可能在各種版本的android機(jī)器上做一下測(cè)試,因?yàn)橐恍┚W(wǎng)頁(yè)的樣式在不同的android版本中呈現(xiàn)的效果略有不同。
3、重新編輯一下html5網(wǎng)站代碼,將一些網(wǎng)頁(yè)功能轉(zhuǎn)換為手機(jī)功能,比如網(wǎng)頁(yè)元素的a標(biāo)簽跳轉(zhuǎn),就應(yīng)該使用Webview來(lái)完成??梢越鉀Q頁(yè)面切換白屏的問(wèn)題,還可以提高網(wǎng)站在手機(jī)中的運(yùn)行效率。
你是不是想問(wèn)h5封裝打包APP?安卓和蘋果是兩個(gè)系統(tǒng),安卓APP的后綴是.apk,蘋果是.ipa,將h5打包APP,要對(duì)應(yīng)自己的手機(jī)系統(tǒng),兩個(gè)系統(tǒng)的APP只能安裝到對(duì)應(yīng)的系統(tǒng)上,蘋果(安卓)APP是不能安裝在安卓(蘋果)系統(tǒng)上的。
h5封裝打包的APP,其實(shí)只是給網(wǎng)頁(yè)套了一個(gè)APP的殼子,讓它可以安裝在手機(jī)桌面上,打開(kāi)還是網(wǎng)頁(yè),網(wǎng)頁(yè)上能實(shí)現(xiàn)的操作,都可以在手機(jī)端實(shí)現(xiàn),APP只是一個(gè)外殼,本質(zhì)還是一個(gè)網(wǎng)頁(yè)。安卓和蘋果都是一樣的。
在亥著就可以做,搜索亥著,登錄賬號(hào)進(jìn)入后臺(tái),輸入APP名稱、網(wǎng)址、就可以封裝打包了。
新聞名稱:html5打包app,html5打包成app的工具有哪些
網(wǎng)頁(yè)URL:http://www.rwnh.cn/article40/dscoheo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、響應(yīng)式網(wǎng)站、品牌網(wǎng)站建設(shè)、網(wǎng)站排名、搜索引擎優(yōu)化、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)