去看看dcloud出的HBuilder 5+ 。算是國內比較好的html5打包app的開發方式了。我覺得比ionic那種強
為榆次等地區用戶提供了全套網頁設計制作服務,及榆次網站建設行業解決方案。主營業務為網站制作、成都網站制作、榆次網站設計,以傳統方式定制建設網站,并提供域名空間備案等一條龍服務,秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
問題分析:
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來完成。可以解決頁面切換白屏的問題,還可以提高網站在手機中的運行效率。
HTML5法度怎么打包成windows phone, ios和android的應用
*. PhoneGap Build Service可以幫助你創建Windows Phone, iOS和Android的應用。
已經用PhoneGap Build Service直接將原封不動的html5網站打包成.ipa和.apk包,并且安裝成功。沒有看到windows phone的包。生成.ipa包須要certification, profile和暗碼。生成.ipa后用iTools撞到ipad。
隨便提一下,從同事那兒懂得到iTools這個對象,用起來真的很便利。上了他們的官網懂得了一下,是騰訊出來的人做的。干的不錯,默示激勸。欲望他們成長的越來越好。
別的:
* 打包成Android應用的參考辦法,沒有實驗過。國人做的平臺,看起來似乎還不錯。
* 打包成iPad應用可能的辦法,待實驗。下面這個辦法應當是最傳統的將html混在iOS Objective-C應用中的辦法,不消借助任何第三方的平臺和對象。
應用一個UIWebView類,打開你的網頁。
然后,打成ipa包就可以。
你是不是想問h5封裝打包APP?安卓和蘋果是兩個系統,安卓APP的后綴是.apk,蘋果是.ipa,將h5打包APP,要對應自己的手機系統,兩個系統的APP只能安裝到對應的系統上,蘋果(安卓)APP是不能安裝在安卓(蘋果)系統上的。
h5封裝打包的APP,其實只是給網頁套了一個APP的殼子,讓它可以安裝在手機桌面上,打開還是網頁,網頁上能實現的操作,都可以在手機端實現,APP只是一個外殼,本質還是一個網頁。安卓和蘋果都是一樣的。
在亥著就可以做,搜索亥著,登錄賬號進入后臺,輸入APP名稱、網址、就可以封裝打包了。
本地的html5文件你可以放在assert文件夾里面,然后進行加載,打包成android apk就可以了。也可以使用一些工具
我們口中常說的開發APP都是使用編程語言開發的APP,有前后端,有代碼。是需要付出大量的時間和金錢的,還需要人工維護,市場上開發一個APP的價格,根據功能不同,價格相差很大,有些模板開發可能幾千塊就搞定了,有些源碼開發十幾萬。
而網站封裝打包的APP其實只是給網站套一個APP的殼子,它本質還是網站,這個封裝出來的APP本身是沒有后臺的,只有網站后臺,它可以像普通APP一樣安裝在手機上,但打開之后是網頁。
很多不想花精力開發APP的企業通常會選擇使用網站封裝“快速開發”一個APP,因為這樣非常簡單,很多開發者服務平臺在這方面都提供免費服務的,自己操作一分鐘不到就搞定了。
登錄亥著開發者中心,大家可以用自己的手機號注冊賬號。
點擊“封裝APP”
輸入自己的網址,選擇需要封裝的系統,可以自己做圖標和啟動圖,也可以選擇平臺現有的。
根據需求選擇功能插件,如果不需要可以不選。
這樣就封裝好了
網站題目:html5app打包,h5打包APP
文章源于:http://vcdvsql.cn/article30/dsdjoso.html
成都網站建設公司_創新互聯,為您提供微信公眾號、品牌網站建設、App設計、標簽優化、域名注冊、網站策劃
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯