怎樣打包webapp呢
最近幾年，前端發展非常的快速，通過html5可以構建webAPP，然后把webAPP打包成apk文件，這樣可以方便安裝到手機上面。今天咪咪我就來講解一下怎樣打包webAPP吧。
工具/材料
電腦
hbuilder
操作方法
-
01
第一步，就是安裝Hbuilder，然后新建一個移動APP項目，如圖所示。
-
02
如圖，最好選擇空模板，然后點擊“完成”按鈕就可以了哦。
-
03
如圖，一個新的移動APP項目就新建成功了，我們可以把我們構建好的webAPP的網頁文件給放到這里面就行了。
-
04
之后，點擊“mainfest.json”文件，開始配置一些應用信息。
-
05
如圖所示，應用名稱根據你自己的需求來定義，然后就是一些版本號，更具體的配置可以參考官方指南。
-
06
接著就是圖標了，這個相當于APP的圖標，可以根據需求選擇，這里我就使用默認的圖標。此外還有很多信息，這里我就不多加介紹了哦。
-
07
之后，點擊“發行”——“發行為原生安裝包”就可以了。
-
08
如圖，因為我是使用默認的圖標，所以會有這個提示，如果你設置好圖標就不會有這個提示了哦。
-
09
如圖，因為打包成iOS安裝包需要證書，這里我就打包成Android版本的安裝包哦。
-
10
如圖，點擊“打包”按鈕就可以開始打包我們的webAPP了哦。
-
11
之后，我們的打包要求就會發送到云端，接著我們點擊確定就可以了哦。
-
12
如圖，耐心等待打包完成，一般需要五分鐘左右，跟網速也有一點關系哦。也可以刷新看看打包狀態。
-
13
如圖，打包成功之后會自動下載，我們打開下載目錄就行了，當然還可以自己手動下載哦。
-
14
如圖所示，最后，webAPP就打包成了apk文件了，我們就可以把apk文件安裝在手機了哦。
- End
特別提示
不是隨隨便便的網頁都可以打包成為APP的哦，這點要清楚，必須是能夠適應手機的網頁哦。
- 發表于 2017-09-15 00:00
- 閱讀 ( 664 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章