建站
咨詢
售后
建站咨詢
新聞中心
1、下載nw.js
創(chuàng)新互聯(lián)從2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元房山做網(wǎng)站,已為上家服務(wù),為房山各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792
https://nwjs.io/
最好下載sdk版本。
2、解壓打開(kāi)安裝包
下載完之后，解壓打開(kāi)
圖中的app文件夾是我自己創(chuàng)建的，你也需要自己創(chuàng)建一個(gè)，里面放你項(xiàng)目文件。app文件夾中一般放一個(gè)index.html(頁(yè)面展示)，另外還需要?jiǎng)?chuàng)建一個(gè)package.json文件(參數(shù)配置)：
- {
- "name": "first app",
- "main": "index.html",
- "version": "1.0",
- "window": {
- "height": 300,
- "width": 360,
- "show": true,
- "title": "first app",
- "toolbar": true,
- "frame": true,
- "resizable":false,
- "icon": "./icon.png",
- "transparent":false
- }
- }
下面是各個(gè)參數(shù)的意思：
- name：這個(gè)app的名稱，可以隨便取一個(gè)~
- main：代表app的入口文件，我們這里用的是index.html，就是當(dāng)app啟動(dòng)的時(shí)候第一個(gè)頁(yè)面是什么。
- version：版本號(hào)，一般于后續(xù)版本升級(jí)使用。
- window：對(duì)窗口進(jìn)行設(shè)置。
- height：高度，單位像素。
- width：寬度，單位像素。
- show：當(dāng)程序一點(diǎn)擊運(yùn)行的時(shí)候是否直接把窗口顯示出來(lái)。
- title：窗口標(biāo)題，當(dāng)入口頁(yè)面的title標(biāo)簽為空的時(shí)候就使用這個(gè)屬性來(lái)當(dāng)做窗口的標(biāo)題。
- toolbar：是否啟用工具條。
- frame：是否使用邊框，也就是含有最小化，關(guān)閉等按鈕的邊框。
- resizable：是否可以調(diào)整窗口大小。
- icon：窗口的圖標(biāo)，也是在快速啟動(dòng)欄顯示的圖標(biāo)。
- transparent：窗口背景是否透明。
然后將app文件夾下的所有文件項(xiàng)目文件壓縮成app.zip的壓縮文件，將其更改為app.nw文件。將app.nw從app中粘貼到根目錄中，然后 打開(kāi)命令行工具合并成exe文件：
- copy /b "E:\myweb\maomin\nwjs\nw.exe"+"E:\myweb\maomin\nwjs\app.nw" "E:\myweb\maomin\nwjs\app.exe"
這里只是一個(gè)例子，按自己的存放的路徑來(lái)。合并完成后會(huì)在根目錄看見(jiàn)一個(gè)名叫app.exe的文件。
3、下載Enigma Virtual Box
接著你需要下載一個(gè)名叫Enigma Virtual Box的軟件。下載鏈接打開(kāi)它，選中app.exe然后將你剛才下好的nw.js里原始文件(除去你自己生成和創(chuàng)建的文件或文件夾)。拖到下面的大方框中，點(diǎn)擊Process
4、完成
進(jìn)度條完成后，根目錄下會(huì)有個(gè)app_boxed.exe的文件，這個(gè)文件可以在任何地方打開(kāi)，是不是很happy!!!
文章題目：教你五分鐘開(kāi)發(fā)一款桌面版應(yīng)用
文章地址：http://www.dlmjj.cn/article/djopdjg.html
