使用nwjs開發桌面應用之Hello,World!

時間 2020-05-29

標籤使用 nwjs 開發桌面應用 hello world 简体版

原文原文鏈接

　　今天發現原來JavaScript也能夠用來開發桌面應用程序，頓時有一種很牛逼的感受，因而立刻就開始了Hello,World!，感覺一下JavaScript的強大。html

　　能夠用來開發桌面應用的js框架有三種：node

　　1.NW.jsgit

　　NW.js是Intel的工程師寫的一個基於node.js和chromium的應用程序運行環境。項目地址是：https://github.com/rogerwang/node-webkitgithub

　　2.Electronweb

　　Electron是一款利用Web技術開發跨平臺桌面應用的框架。項目地址是:https://github.com/atom/electronjson

　　3.Hexwindows

　　Hex是基於 CEF 而且融合了 Chromium 與 Node.js編寫的，好像有道詞典就是用這個寫的。可是這個框架已經三年沒更新了，因此直接棄用。。。。。。框架

　　因而個人目光就指向了NW.js，畢竟是Intel大神的傑做，具體Hello,World!的步驟以下。electron

　　1、NW.js的下載

　　官網地址是：http://nwjs.io/工具

　　進去以後，點擊下載SDK的版本，並解壓至本地目錄便可。

　　2、應用編寫

　　1.在nw.exe目錄中建立一個helloworld的文件夾。

　　新建index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Hello World!</title>
    <script src="helloworld.js"></script>
</head>
<body>
    
</body>
</html>

　　新建helloworld.js

document.write('Hello, World!');

　　新建package.json

{
  //應用的入口頁面(也能夠設置成js文件)
  "main": "index.html",
  //應用的名稱
  "name": "HelloWorld"
}

　　2. 運行helloworld。

　　a) 在nw.exe所在目錄按下shift+鼠標右鍵，選擇"在此處打開命令窗口"。而後輸入nw helloworld便可看到運行效果。

　　b) 能夠直接將helloworld目錄拖拽到nw.exe上一樣也能夠運行。

　　3、應用打包

　　通常windows的桌面應用都是exe可執行文件，是不依賴於其餘文件和環境的。而咱們建立的helloworld應用是依賴於nw.exe和相關文件的，那麼如何將應用打包成一個可執行文件呢？

　　通過google，果真是有解決方案的，那就是Enigma Virtual Box

　　1. 下載Enigma Virtual Box

　　地址是：http://enigmaprotector.com/en/downloads.html

　　選擇最後一個下載就能夠了，而後安裝。

　　2. 將應用打包成helloworld.nw文件。

　　進入到helloworld目錄中，全選三個文件打包成zip，而後更名成helloworld.nw。

　　(遇到的坑，我本機安裝的壓縮工具爲winRAR，因此打出來的格式一致有問題，因此致使沒法成功執行，後來換成7-zip就行了。)

　　3. 合併helloworld.nw和nw.exe

　　將helloworld.nw文件移動到和nw.exe同級目錄下，而後執行命令

copy /b nw.exe+helloworld.nw hello.exe

　　發現多了一個hello.exe文件，雙擊發現是能夠運行的。不過這還不是最終的結果，由於將hello.exe移動到其餘文件夾以後，就不能正常執行了。

　　4. 使用Enigma Virtual Box打包成exe

　　Input File Name選擇剛纔生成的hello，Output File Name就是輸出文件。

　　重點來了，下面的Files須要將locales和pnacl兩個文件夾拖入，而後add選擇nw.exe目錄中全部不包含咱們建立的helloworld應用的文件

　　而後點擊右下角的"Process"按鈕，

　　看到上圖結果，就說明執行成功了。

　　找到打包後的文件，而後執行。

　　大功告成！！！遇到問題的小夥伴能夠留言或者加入q羣：210276235。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。