Ubuntu环境下的nwjs安装及使用教程

Ubuntu环境下的nwjs安装及使⽤教程

需求：通过nwjs实现⼀个可以全屏显⽰，防⽌⽤户退出浏览器的演⽰⽤app

⼀、安装Node.js

sudo apt-get install nodejs

sudo apt-get install npm

解压下载的node-v6.11.⽂件之后建⽴软链接即可：

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.)，那么需要在解压后的⽬录⾃⾏编译：

./configure

make

make install

如果遇到所需环境版本问题，在sudo apt-get update && apt-get upgrade后⽤apt-get remove旧版本后install就好⼆、安装nwjs

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

sudo ldconfig

进⼊⽬录后可以看到nw⽂件，运⾏./nw命令查看是否可以正常运⾏。

三、nwjs使⽤⽰例

1.创建html⽂件

⾸先创建⼀个简单的Demo.html⽂件：

<html>

<head>

</head>

<body>

<a href="www.baidu/" rel="external nofollow" >Visit Baidu</a>

</body>

</html>

2.创建package.json⽂件

⽤来进⾏初始化配置：

{

"name": "Demo",

"main": "Demo.html",

"window": {

"title": "Demo",

"toolbar": false,

"frame": true,

"position": "center",

"always-on-top": true,

"fullscreen": true,

"width": 1920,

"heigth": 1080

}

这⾥实现了⼀个去掉了⼯具栏的全屏效果

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：

#!/bin/bashubuntu安装教程

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

./nw demo.nw

⼀个app图标，命名为icon.jpg

在桌⾯创建⼀个Demo.desktop图标，使⽤sudo nano Demo.desktop命令打开后写⼊：

[Desktop Entry]

Encoding=UTF-8

Name=Demo

Exec=sh /home/ubuntu/Desktop/nwjs-v0.18.8-linux-x64/start.sh

Icon=/home/ubuntu/Desktop/nwjs-v0.18.8-linux-x64/icon.jpg

Info="Spark"

Categories=GTK;Network;message;

Comment="demo_nwjs"

Terminal=false

Type=Application

StartupNotify=true

Name[zh_CN]=Demo

这时双击就能看到运⾏结果了

屏蔽按键

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"