本文講解下,如何把一個網(wǎng)站打包成安卓(Android)/蘋果(IOS)APP,安裝到手機(jī)中,并且有完美的用戶體驗(yàn)!
前提條件:網(wǎng)站是H5網(wǎng)站,或者是手機(jī)版網(wǎng)站,總之要能在手機(jī)端正常顯示才行。
準(zhǔn)備工具:Hbuilder,或者HbuilderX。
下載地址:http://www.dcloud.io/。安裝過程簡單,略過。
1.只有網(wǎng)址,沒有源碼,沒問題!通過以下步驟,幾分鐘,將網(wǎng)站變成手機(jī)app.
(1)打開Hbuilder軟件。
(2)點(diǎn)擊左上角的【文件】/【新建】/【W(wǎng)ap2app】,如圖
點(diǎn)擊后如圖:
依次填寫,應(yīng)用名稱(比如,盤古軟件),wap站首頁地址(比如,http://www.cnpangu.cn),此域名可用。
點(diǎn)擊右下角的【完成】按鈕,項(xiàng)目創(chuàng)建成功。軟件左側(cè)會出現(xiàn)【盤古軟件】項(xiàng)目。
(3)打開項(xiàng)目,點(diǎn)擊manifest.json文件,
在右側(cè)打開的manifest.json文件中,點(diǎn)擊下方標(biāo)紅的【模塊權(quán)限配置】,如圖:
按照下圖的步驟,先點(diǎn)中紅色叉號的模塊(比如,Payment(支付)),再點(diǎn)擊【刪除】按鈕。依次將圖中的【支付】,【消息推送】,【分享】,【統(tǒng)計】模塊刪除掉。然后點(diǎn)擊軟件左上角的【保存】按鈕保存。
(4) 打包。
按照下圖步驟,選中項(xiàng)目【盤古軟件】,然后點(diǎn)擊【發(fā)行】菜單,如圖:
再選中【云打包-打包原生安裝包】,如圖:
點(diǎn)擊后,出現(xiàn)以下窗口,可以選擇打包安卓(Android)和蘋果(ios).打包蘋果ios app,需要蘋果證書。如果只打包安卓app,取消ios勾選,其他默認(rèn)。
按照以下步驟,點(diǎn)擊【打包】,再點(diǎn)擊【確認(rèn)沒有權(quán)限,繼續(xù)打包】,
點(diǎn)擊【確定】按鈕,提示【正在制作安裝包】。
等出現(xiàn)綠色文字【打包成功,下載完成】。點(diǎn)擊窗口上的藍(lán)色鏈接【打開下載目錄】,就是生成的安卓app包(apk格式),可以直接發(fā)送到手機(jī)安裝。
安裝到手機(jī)上是這樣的,
打開的效果很完美,比在手機(jī)瀏覽器里打開網(wǎng)頁的體驗(yàn),好很多!功能頁面之間的切換,都是手機(jī)原生的切屏效果,體驗(yàn)好。
2.有源碼,當(dāng)然可以!只要你會前端開發(fā)就行。
(1)打開Hbuilder軟件。
(2)點(diǎn)擊左上角的【文件】/【新建】/【W(wǎng)ap2app】,如圖
點(diǎn)擊后如圖:
點(diǎn)擊確定后,項(xiàng)目創(chuàng)建完成,如圖:
在這個工程里,開發(fā)人員,可以將自己的html,css,js放入項(xiàng)目。
(3),(4)同上。
是不是很簡單?
聯(lián)系作者,請關(guān)注并私信或留言,及時了解更多的干貨!