10分鐘把網站打包成安卓/蘋果app

本文講解下,如何把一個網站打包成安卓(Android)/蘋果(IOS)APP,安裝到手機中,並且有完美的用戶體驗!

前提條件:網站是H5網站,或者是手機版網站,總之要能在手機端正常顯示才行。

準備工具:Hbuilder,或者HbuilderX。

下載地址:http://www.dcloud.io/。安裝過程簡單,略過。

1.只有網址,沒有源碼,沒問題!通過以下步驟,幾分鐘,將網站變成手機app.

(1)打開Hbuilder軟件。

(2)點擊左上角的【文件】/【新建】/【Wap2app】,如圖

點擊後如圖:

依次填寫,應用名稱(比如,盤古軟件),wap站首頁地址(比如,http://www.cnpangu.cn),此域名可用。

點擊右下角的【完成】按鈕,項目創建成功。軟件左側會出現【盤古軟件】項目。

(3)打開項目,點擊manifest.json文件,

在右側打開的manifest.json文件中,點擊下方標紅的【模塊權限配置】,如圖:

按照下圖的步驟,先點中紅色叉號的模塊(比如,Payment(支付)),再點擊【刪除】按鈕。依次將圖中的【支付】,【消息推送】,【分享】,【統計】模塊刪除掉。然後點擊軟件左上角的【保存】按鈕保存。

(4) 打包。

按照下圖步驟,選中項目【盤古軟件】,然後點擊【發行】菜單,如圖:

再選中【雲打包-打包原生安裝包】,如圖:

點擊後,出現以下窗口,可以選擇打包安卓(Android)和蘋果(ios).打包蘋果ios app,需要蘋果證書。如果只打包安卓app,取消ios勾選,其他默認。

按照以下步驟,點擊【打包】,再點擊【確認沒有權限,繼續打包】,

點擊【確定】按鈕,提示【正在製作安裝包】。

等出現綠色文字【打包成功,下載完成】。點擊窗口上的藍色鏈接【打開下載目錄】,就是生成的安卓app包(apk格式),可以直接發送到手機安裝。

安裝到手機上是這樣的,

打開的效果很完美,比在手機瀏覽器裏打開網頁的體驗,好很多!功能頁面之間的切換,都是手機原生的切屏效果,體驗好。

2.有源碼,當然可以!只要你會前端開發就行。

(1)打開Hbuilder軟件。

(2)點擊左上角的【文件】/【新建】/【Wap2app】,如圖

點擊後如圖:

點擊確定後,項目創建完成,如圖:

在這個工程裏,開發人員,可以將自己的html,css,js放入項目。

(3),(4)同上。

是不是很簡單?

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章