Ubuntu環境下的nwjs安裝及使用教程

需求：通過nwjs實現乙個可以全屏顯示，防止使用者退出瀏覽器的演示用app

一、安裝node.js

sudo apt-get install nodejs

sudo apt-get install npm

這種方法安裝的版本可能不是最新的，可以嘗試直接從官網(**。

解壓**的node-v6.11.4-linux-x64.tar.gz檔案之後建立軟鏈結即可：

sudo ln -s ~/node-v6.11.4-linux-x64/bin/node /usr/local/bin/node

sudo ln -s ~/node-v6.11.4-linux-x64/bin/npm /usr/local/bin/npm

sudo ldconfig

如果**的是source code(node-v6.11.4.tar.gz)，那麼需要在解壓後的目錄自行編譯：

./configure

make

make install

如果遇到所需環境版本問題，在sudo apt-get update && apt-get upgrade後用apt-get remove舊版本後install就好

二bpfteyqc、安裝nwjs

在官網(上**nwjs-sdk-v0.25.4-linux-x64.tar.gz，解壓後建立軟鏈結：

sudo ln -s ~/nwjs-v0.18.8-linux-x64/nw /usr/local/bin/nw

sudo ldconfig

進入目錄後可以看到nw檔案，執行./nw命令檢視是否可以正常執行。

三、nwjs使用示例

1.建立html檔案

首先建立乙個簡單的demo.html檔案：

2.建立package.json檔案

用來進行初始化配置：

}這裡實現了乙個去掉了工具欄的全屏效果

3.打包檔案執行

建立好兩個檔案之後將其打包：

cat package.json demo.html > demo.nw

這時新打包出來的nw檔案就可以執行了：

sudo ./nw demo.nw

建立桌面圖示

這裡想要實現乙個雙擊啟動的效果，類似.exe檔案的執行效果。根據官方教程使用cat `which nw` app.nw > app && chmod +x app建立的app一直無法使用，所以想出了乙個取巧的辦法：

1. 建立乙個bash指令碼start.sh啟動demo.nw：

#!/biwww.cppcns.comn/bash

cd /home/ubuntu/desktop/nwjs-v0.18.8-linux-x64

./nw demo.nw

找乙個app圖示，命名為icon.jpg

在桌面建立乙個demo.desktop圖示，使用sudo nano demo.desktop命令開啟後寫入：

這時雙擊就能看到執行結果了

遮蔽按鍵

package.json中配置了全屏並且去掉工具欄，就是為了防止使用者退出瀏覽器，具體操作步驟如下：

1. 在設定中可以關閉快捷鍵，並自定義乙個快捷鍵撥出teminal用來退出瀏覽器，例如shift_r + ctrl_r + q。

2. 將鍵盤左側的shift、ctrl、super(win)鍵改到capslock鍵上，這可以通過xmodmap實現：

#super_l -> capslock

xmodmap -e "remove mod4 = super_l"

xmodmap -e "keycore 133 = caps_lock nosymbol caps_lock"