nw.js:編寫桌面應用

今天接觸了nw.js做桌面應用,相比較C++做客戶端,它的開發速度肯定很快,集成了谷歌瀏覽器,以網頁作爲界面顯示。不過夜缺點也很明顯,就是應用存儲控件變大。

在這裏做的是搭建一個demo.體驗一把。

1.先下載nw.js包:
https://nwjs.io/
我這裏下載是windows-64位,然後解壓出來,我們可以運行一下自帶的nw.exe
這裏寫圖片描述

2.編寫測試文件
demo用到的是一個html文件,一個json文件。json文件是對窗口的設置,一定要存在的,並且名字一定爲package.json否則程序無法運行。提示:文件缺失或者損壞。

package.json

{
   "name":"nw-demo",
   "version":"0.0.1",
   "main":"index.html",
   "window":{
        "toolbar":false,   
        "frame":false
   }
}

test.html

<!DOCTYPE html>
<html>
  <head>
    <title> Hello World!</title >
  </head>
  <style type="text/css">
    body{
        -webkit-user-select:none;
        -webkit-app-region:drag;
    }
  </style>
  <body>
    <h1> Hello World!</h1 >
    我們正在使用node.js <script> 文檔。寫(過程。版本)</script></body >
</html >

3.這兩個文件中做好之後,就要運行的程序了。
將json文件和html相關文件壓縮成.zip文件,然後再將後綴名改成.nw,最後將.nw文件拖到nw.exe上:
這裏寫圖片描述

4.更近一步,這樣運行的太麻煩了,下面我們將文件進一步打包
在nw.js所在的文件夾下的命令行中輸入:

copy /b nw.exe+you_nw_name.nw you_app_name.exe

這裏寫圖片描述
這樣我們就可以運行text.exe了。出現和上面的一樣效果。

5.最後要將nw.js的文件和我們的exe運行所需的dll或者其他文件打包在一起

http://enigmaprotector.com/en/downloads.html 下載Enigma Virtual Box,打包。這樣我們的程序就可以在任何一臺機子上運行了。

有什麼問題請聯繫我 QQ:839505138.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章