nw.js linux install,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就好

二、安装nwjs

在官网(http://nwjs.io/)上下载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文件：

Demo

Visit Baidu

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/bash

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"

xmodmap -e "add lock = Caps_Lock"

#super_r -> capslock

xmodmap -e "remove mod4 = Super_R"

xmodmap -e "keycore 134 = Caps_Lock NoSymbol Caps_Lock"

xmodmap -e "add lock = Caps_Lock"

#alt_l -> capslock

xmodmap -e "remove mod1 = Alt_L"

xmodmap -e "keycore 64 = Caps_Lock NoSymbol Caps_Lock"

xmodmap -e "add lock = Caps_Lock"

#ctrl_l -> capslock

xmodmap -e "remove control = Control_L"

xmodmap -e "keycore 37 = Caps_Lock NoSymbol Caps_Lock"

xmodmap -e "add lock = Caps_Lock"

#shift_l -> capslock

xmodmap -e "remove shift = Shift_L"

xmodmap -e "keycore 50 = Caps_Lock NoSymbol Caps_Lock"

xmodmap -e "add lock = Caps_Lock"

#alt_r -> capslock

xmodmap -e "remove mod1 = Alt_R"

xmodmap -e "keycore 108 = Caps_Lock NoSymbol Caps_Lock"

xmodmap -e "add lock = Caps_Lock"

将上述代码添加到start.sh的启动命令之前，这样在双击启动的时候就可以修改掉按键了。

总结

以上所述是小编给大家介绍的Ubuntu环境下的nwjs安装及使用教程，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持！

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！