溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
web應用相較于原生應用，在代碼開發調試時的便利就不多做解釋了。這里我們直入主題，今天我們要學習的是采用node-webkit來開發桌面應用。顧名思義，node-webkit是由node和webkit構成。我們可以直接在頁面上采用node的各種模塊，同時也可以用webkit的方式調試網頁。
下面我們就來看怎么開發簡單的桌面應用：
1、資源下載
node-webkit源碼地址：https://github.com/rogerwang/node-webkit
我要說的是windows下的開發，所以我們點擊如下圖的win32鏈接
如圖所示，它也可以開發Linux和Mac下的web應用。
下載完后打開node-webkit-v0.7.1-win-ia32，雙擊nw.exe,我們打開了一個類似瀏覽器的東西如下：
沒錯，它不只是長得像瀏覽器而已，它真的有瀏覽器功能，它是基于webkit的，所以功能和chrome很相似，我們可以隨便輸入個網址，點擊回車就能訪問。
它還有類似chrome的調試功能，點擊地址欄右邊三條橫線的按鈕就能出現調試頁面。
2、web工程建立
接入正題，如何建立web工程，最簡單的web工程只需要兩個文件，一個配置文件package.json和一個主頁面index.html。
最簡單的package.json格式如下：
{
"name": "nw-demo",
"main": "index.html"
}一個項目名字name，一個主頁面main。
配置文件package.json格式可參考 Mainfest format
3、打包運行web應用
首先，我們將我們的配置文件和package.json和web相關打包為app.zip
然后修改app.zip后綴名為nw
然后就要運行了,開啟cmd，cd到nw.exe的目錄下：
nw.exe app.nw
也可以將app打包為exe文件
copy /b nw.exe+app.nw app.exe
不過app.exe只能在nw.exe所在目錄下運行（不知有沒有高人知道怎么破）
官網說必須要和nw.pak放在一起，但我嘗試下還是不行。
4、node_modules的應用
(1) node自帶的模塊可以直接require('moduleName')使用
(2) 不是node自帶的我們可以在zip包根目錄中新一個node_modules文件夾，然后將npm下載的模塊放入此文件夾，依舊是require('moduleName')調用。
騷年們，發揮想象力來創造web app吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
