? ? ? ?electron比較全比較新,在github的文檔也比較多,但是都是英文的,我是蠻喜歡的,因為它跟atom有很多關聯,并且蠻好玩的,寫好的包拉進它的"瀏覽器"里面就能運行。
? ? ? Electron, 雖然其并不支持windows xp, 看看用Electron開發的軟件吧:Atom, Slack, visual studio Code等等,觀察http://github.com你會發現electron的關注是越來越多,而nwjs則停滯不前,所以說選擇electron是在選擇未來。
? ? ? ?之前自己在公司做過一個桌面應用,當然基于前端技術,C++就暫不提了,做過太多項目了,已經是過去時,當時選擇具體采用那種去做,思考了許久,然后看了一些博客和論壇的程序員的看法,最終還是選擇了Electron來開發。話不多說 先看下項目運行效果圖。
electrongithub網址:https://github.com/szwacz/electron-boilerplate
nwjs官方網址:http://nwjs.io/
接下來看下目錄和代碼
需要自己寫的內容有 頁面代碼即app這個文件夾 還有一個package.json文件
其中name 和main這兩個是必填項,其他可選,設置一個入口 ?這里是index.html文件,程序打開就顯示該文件顯示對應的頁面內容。app里面就沒什么好說的,都是前端的相關代碼文件 ,js ?css image ?等文件。
編寫index.html文件完成之后,雙擊打開nw.exe就可以直接運行項目了。或者在命令行里打開nw.exe文件 后面可帶參數執行。
nw.js打包步驟(windows下)
我們把項目中的index.html和package.json文件 如下:
然后將index.html和package.json這兩個文件壓縮到一個zip壓縮包里,命名為app.zip
現在app.zip這個壓縮包里的內容應該是這樣的:
然后把app.zip這個文件的擴展名改為nw,變為 app.nw
因為nw文件的運行需要node-webkit環境的支持,所以我們還需要把app.nw這個文件跟node-webkit的環境文件一起打包成一個可執行文件。
首先打開windows的cmd,然后輸入如下命令:
copy /b nw.exe+app.nw app.exe
生成的安裝包文件就是app.exe