前端開(kāi)發(fā)的網(wǎng)頁(yè)如何打包為手機(jī)APP和桌面exe文件？這里簡(jiǎn)單介紹一下吧，打包為手機(jī)App可以借助于HBuilder，打包為桌面exe可以借助于Electron，下面我具體介紹一下打包過(guò)程，主要內(nèi)容如下

前端開(kāi)發(fā)的網(wǎng)頁(yè)如何打包為手機(jī)APP和桌面exe文件？

這里簡(jiǎn)單介紹一下吧，打包為手機(jī)App可以借助于HBuilder，打包為桌面exe可以借助于Electron，下面我具體介紹一下打包過(guò)程，主要內(nèi)容如下：

打包手機(jī)APP1.首先，需要下載HBuilder，這個(gè)直接在官網(wǎng)上下載就行，如下，選擇適合自己的平臺(tái)，這里我們選擇“APP開(kāi)發(fā)版”，功能較全：

2.下載完成后，直接解壓這個(gè)文件就行，如下，不需要單獨(dú)安裝就可以直接使用：

3.接著，我們打開(kāi)這個(gè)軟件，依次點(diǎn)擊菜單欄的“文件”-gt“新建”-gt“項(xiàng)目”，項(xiàng)目類(lèi)型選擇“5 APP(A)”，模板選擇“Hello H5 ”，如下：

為了方便演示，這里我新建了一個(gè)文件，測(cè)試代碼如下，非常簡(jiǎn)單，就是一個(gè)登陸頁(yè)面，輸入用戶(hù)名和密碼，提交后打印出歡迎對(duì)話(huà)框：

瀏覽器打開(kāi)后的效果如下，也比較簡(jiǎn)單清晰：

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

首先，雙擊項(xiàng)目的mainfest.json配置文件，在基礎(chǔ)配置頁(yè)面，點(diǎn)擊獲取唯一的應(yīng)用標(biāo)識(shí)，同時(shí)設(shè)置應(yīng)用入口頁(yè)面，也就是上面測(cè)試的：

mainfest.json配置完成后，右鍵項(xiàng)目，在彈出列表中依次選擇“發(fā)行”-gt“原生App-云端打包(P)”，在A(yíng)PP云打包頁(yè)面選擇你需要打包的手機(jī)平臺(tái)，確定包名，也就是剛才的應(yīng)用標(biāo)識(shí)，如下：

最后點(diǎn)擊“打包”按鈕，就會(huì)開(kāi)始云端打包，打包完成后，會(huì)自動(dòng)生成下載鏈接，這里我們可以直接點(diǎn)擊將打包好的apk下載到本地，如下：

手機(jī)安裝后的效果如下：

打包桌面exe1.首先，需要下載安裝node環(huán)境，這個(gè)直接到官網(wǎng)上下載安裝就行，如下，選擇適合自己平臺(tái)的版本即可：

2.安裝完成后，需要安裝一下electron和electron-packager這2個(gè)打包工具，這個(gè)直接在cmd窗口輸入安裝命令“npm install electron electron-packager”即可，如下：

3.最后就是打包程序了，主要步驟及截圖如下：

首先新建一個(gè)文件夾，將剛才的文件拖拽進(jìn)去，同時(shí)新建兩個(gè)打包配置文件—package.json和main.js，如下：

package.json文件簡(jiǎn)單配置如下，主要是指明應(yīng)用名稱(chēng)、版本號(hào)、以及打包配置文件，非常簡(jiǎn)單：

main.js文件簡(jiǎn)單配置如下，主要是指明打包的詳細(xì)配置信息，這個(gè)可以到網(wǎng)上查一下，資料非常多也非常詳細(xì)，這里重點(diǎn)需要指明打包的html文件：

最后就是在cmd中打包了，先切換到這個(gè)文件夾，然后輸入打包命令“electron-packager . APP --win --out AppDir --archx64 --electron-version3.0.10 --overwrite”就行，如下，就會(huì)自動(dòng)開(kāi)始打包過(guò)程，非常快，這里的打包參數(shù)主要是指明打包后的應(yīng)用名稱(chēng)、位數(shù)、版本號(hào)等：

接著就可以在剛才的輸出目錄AppDir下找到打包的應(yīng)用APP.exe，雙擊就能正常運(yùn)行，效果如下，其實(shí)就是嵌套了一個(gè)瀏覽器外殼：

至此，我們就完成了將前端網(wǎng)頁(yè)打包為手機(jī)APP和桌面exe文件?？偟膩?lái)說(shuō)，整個(gè)過(guò)程非常不難，就是步驟有些復(fù)雜，只要你熟悉一下很快就能掌握的，當(dāng)然，你也可以使用apicloud進(jìn)行打包，只不過(guò)這些工具打包出來(lái)的APP沒(méi)有原生開(kāi)發(fā)的好，需要改進(jìn)優(yōu)化，至于桌面打包，你也可以使用NW.js進(jìn)行打包，效果差不多，網(wǎng)上也有相關(guān)教程可供參考，希望以上分享的內(nèi)容能對(duì)你有所幫助吧，也歡迎大家評(píng)論、留言。

用什么手機(jī)軟件開(kāi)發(fā)？

是做網(wǎng)頁(yè)的,C#做為網(wǎng)頁(yè)程序的服務(wù)器后臺(tái).你通過(guò)手機(jī)能夠訪(fǎng)問(wèn)網(wǎng)絡(luò)自然也能夠通過(guò)手機(jī)的瀏覽器訪(fǎng)問(wèn)開(kāi)發(fā)出來(lái)的網(wǎng)頁(yè),跟電腦上的開(kāi)發(fā)沒(méi)有什么太大的區(qū)別.

不過(guò)我想你想知道的是這套工具能不能夠開(kāi)發(fā)手機(jī)的應(yīng)用程序.

上面已經(jīng)說(shuō)了,是做網(wǎng)頁(yè)的,所以不能開(kāi)發(fā)手機(jī)應(yīng)用.

但C#可以,不知道你有沒(méi)有聽(tīng)說(shuō)過(guò)WinPhone.基于C#,WPF和Silverlight平臺(tái)開(kāi)發(fā)的手機(jī)操作系統(tǒng),C#可以做相關(guān)的開(kāi)發(fā),很方便.

如果你已經(jīng)有了一定的C#基礎(chǔ),那找本Silverlight相關(guān)的資料來(lái)看看,問(wèn)題不大.微軟的軟件都是簡(jiǎn)單易用,養(yǎng)懶人