影
這裡簡單介紹一下吧，打包為手機App可以藉助於HBuilder，打包為桌面exe可以藉助於Electron，下面我具體介紹一下打包過程，主要內容如下：
打包手機APP
1.首先，需要下載HBuilder，這個直接在官網上下載就行，如下，選擇適合自己的平臺，這裡我們選擇“APP開發版”，功能較全：
2.下載完成後，直接解壓這個文件就行，如下，不需要單獨安裝就可以直接使用：
3.接著，我們打開這個軟件，依次點擊菜單欄的“文件”->“新建”->“項目”，項目類型選擇“5+APP(A)”，模板選擇“Hello H5+”，如下：
為了方便演示，這裡我新建了一個app.html文件，測試代碼如下，非常簡單，就是一個登陸頁面，輸入用戶名和密碼，提交後打印出歡迎對話框：
瀏覽器打開後的效果如下，也比較簡單清晰：
4.最後就是打包程序了，主要步驟及截圖如下：
首先，雙擊項目的mainfest.json配置文件，在基礎配置頁面，點擊獲取唯一的應用標識，同時設置應用入口頁面，也就是上面測試的app.html：
mainfest.json配置完成後，右鍵項目，在彈出列表中依次選擇“發行”->“原生App-雲端打包(P)”，在APP雲打包頁面選擇你需要打包的手機平臺，確定包名，也就是剛才的應用標識，如下：
最後點擊“打包”按鈕，就會開始雲端打包，打包完成後，會自動生成下載鏈接，這裡我們可以直接點擊將打包好的apk下載到本地，如下：
手機安裝後的效果如下：
打包桌面exe
1.首先，需要下載安裝node環境，這個直接到官網上下載安裝就行，如下，選擇適合自己平臺的版本即可：
2.安裝完成後，需要安裝一下electron和electron-packager這2個打包工具，這個直接在cmd窗口輸入安裝命令“npm install electron electron-packager”即可，如下：
3.最後就是打包程序了，主要步驟及截圖如下：
首先新建一個文件夾，將剛才的app.html文件拖拽進去，同時新建兩個打包配置文件—package.json和main.js，如下：
package.json文件簡單配置如下，主要是指明應用名稱、版本號、以及打包配置文件，非常簡單：
main.js文件簡單配置如下，主要是指明打包的詳細配置信息，這個可以到網上查一下，資料非常多也非常詳細，這裡重點需要指明打包的html文件：
最後就是在cmd中打包了，先切換到這個文件夾，然後輸入打包命令“electron-packager . APP --win --out AppDir --arch=x64 --electron-version=3.0.10 --overwrite”就行，如下，就會自動開始打包過程，非常快，這裡的打包參數主要是指明打包後的應用名稱、位數、版本號等：
接著就可以在剛才的輸出目錄AppDir下找到打包的應用APP.exe，雙擊就能正常運行，效果如下，其實就是嵌套了一個瀏覽器外殼：
至此，我們就完成了將前端網頁打包為手機APP和桌面exe文件。總的來說，整個過程非常不難，就是步驟有些複雜，只要你熟悉一下很快就能掌握的，當然，你也可以使用apicloud進行打包，只不過這些工具打包出來的APP沒有原生開發的好，需要改進優化，至於桌面打包，你也可以使用NW.js進行打包，效果差不多，網上也有相關教程可供參考，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言。
小小猿愛嘻嘻
需要打包成APP或者exe都需要專門的平臺或者工具，如果你需要打包成APP，那麼網站建議使用html5開發的前端網頁，html5對手機顯示和兼容相比其他要好的多，這樣打包的APP有個嚴重的問題。也就是加載慢，如果網站網速不給力。那麼就會造成打開不了，或者提示異常，並且作為APP一般都會本地保存配置文件，或者數據庫，用來提升APP的打開速度，如果你用網頁來打包，則繞不開這個門檻。
牛破布龍
首先你的web頁必須是手機站。 你可以找一下第三方的打包平臺如：一門打包、安卓益科技、奇門應用等等這些平臺來封裝你的網站。
