首先你的web頁必須是手機站。 你可以找一下第三方的打包平臺如：一門打包、安卓益科技、奇門應用等等這些平臺來封裝你的網站。

這裡簡單介紹一下吧，打包為手機App可以藉助於HBuilder，打包為桌面exe可以藉助於Electron，下面我具體介紹一下打包過程，主要內容如下：

1.首先，需要下載HBuilder，這個直接在官網上下載就行，如下，選擇適合自己的平臺，這裡我們選擇“APP開發版”，功能較全：

2.下載完成後，直接解壓這個檔案就行，如下，不需要單獨安裝就可以直接使用：

瀏覽器開啟後的效果如下，也比較簡單清晰：

4.最後就是打包程式了，主要步驟及截圖如下：

mainfest.json配置完成後，右鍵專案，在彈出列表中依次選擇“發行”->“原生App-雲端打包(P)”，在APP雲打包頁面選擇你需要打包的手機平臺，確定包名，也就是剛才的應用標識，如下：

手機安裝後的效果如下：

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進行打包，效果差不多，網上也有相關教程可供參考，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言。