這裏介紹壹種將前端網頁打包成手機app的工具—HBuilder，可以快速將前端網頁打包為手機app，使用起來非常方便，下面我簡單介紹壹下實現過程，主要內容如下：
1.下載安裝HBuilder，這個直接到官網上下載就行，免費的，目前來說，有Windows和Mac平臺的，這裏我們選擇APP開發版：
2.下載完成後，我們解壓這個zip壓縮包，解壓後的文件如下：
3.接著，我們雙擊打開HBuilder，依次點擊“文件”->“新建”->“項目”，選擇“5+APP(A)”，同時勾選“HelloH5+”,輸入項目名稱，如下：
這裏為了方便演示，我新建了壹個app.html，主要代碼如下，其實就是壹個簡單的登陸頁面，文本框輸入內容，然後點擊登陸打印出來：
用瀏覽器打開這個html文件，效果如下：
4.接著，就是打包程序了，雙擊打開mainfest.json配置文件，點擊“雲端獲取”，獲得唯壹的“應用標識(AppID)”，同時設置壹下“應用入口頁面（首頁）地址”，即上面的app.html，如下：
5.配置mainfest.json完成後，我們右鍵APP項目，在彈出的菜單中依次選擇“發行”->“原生App-雲端打包(P)”，就會彈出打包窗口，這裏我打包的是安卓app，故選擇Android，如果妳打包的是蘋果app，選擇iOS就行，完成後，直接點擊右下角的“打包”按鈕就行：
6.雲端打包成功後，就會生成app的下載鏈接，這裏我們直接點擊下載到本地，如下，只有5次下載機會，到此，app已經打包完成：
7.最後，我們將打包後的安裝文件發送到手機上，安裝後的效果如下：
至此，我們就完成了將前端網頁打包成手機app。總的來說，整個過程不難，就是配置步驟相對復雜壹些，只要妳按著步驟多操作幾遍，熟悉壹下相關參數配置，很快就能掌握的，不難，這裏妳也可以把界面寫的更漂亮、美觀壹些，然後再打包，網上也有相關教程和資料，感興趣的話，可以搜壹下，希望以上分享的內容能對妳有所幫助吧