? ?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吧！

轉載于:https://blog.51cto.com/xuepiaoqiyue/1285345

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的采用web技术开发PC应用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。