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

2023-09-23 14:29:05 50

需求：通过nwjs实现一个可以全屏显示，防止用户退出浏览器的演示用app

一、安装Node.js

sudoapt-getinstallnodejs
sudoapt-getinstallnpm

这种方法安装的版本可能不是最新的，可以尝试直接从官网(https://nodejs.org/en/download/)下载。

解压下载的node-v6.11.4-linux-x64.tar.gz文件之后建立软链接即可：

sudoln-s~/node-v6.11.4-linux-x64/bin/node/usr/local/bin/node
sudoln-s~/node-v6.11.4-linux-x64/bin/npm/usr/local/bin/npm
sudoldconfig

如果下载的是SourceCode(node-v6.11.4.tar.gz)，那么需要在解压后的目录自行编译：

./configure
make
makeinstall

如果遇到所需环境版本问题，在sudoapt-getupdate&&apt-getupgrade后用apt-getremove旧版本后install就好

二、安装nwjs

在官网(http://nwjs.io/)上下载nwjs-sdk-v0.25.4-linux-x64.tar.gz，解压后建立软链接：

sudoln-s~/nwjs-v0.18.8-linux-x64/nw/usr/local/bin/nw
sudoldconfig

进入目录后可以看到nw文件，运行./nw命令查看是否可以正常运行。

三、nwjs使用示例

1.创建html文件

首先创建一个简单的Demo.html文件：




Demo


VisitBaidu

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.打包文件运行

创建好两个文件之后将其打包：

catpackage.jsonDemo.html>Demo.nw

这时新打包出来的nw文件就可以运行了：

sudo./nwDemo.nw

创建桌面图标

这里想要实现一个双击启动的效果，类似.exe文件的运行效果。根据官方教程使用cat`whichnw`app.nw>app&&chmod+xapp创建的app一直无法使用，所以想出了一个取巧的办法：

1.创建一个bash脚本start.sh启动Demo.nw：

#!/bin/bash
cd/home/ubuntu/Desktop/nwjs-v0.18.8-linux-x64
./nwdemo.nw

找一个app图标，命名为icon.jpg

在桌面创建一个Demo.desktop图标，使用sudonanoDemo.desktop命令打开后写入：

[DesktopEntry]
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"removemod4=Super_L"
xmodmap-e"keycore133=Caps_LockNoSymbolCaps_Lock"
xmodmap-e"addlock=Caps_Lock"
#super_r->capslock
xmodmap-e"removemod4=Super_R"
xmodmap-e"keycore134=Caps_LockNoSymbolCaps_Lock"
xmodmap-e"addlock=Caps_Lock"
#alt_l->capslock
xmodmap-e"removemod1=Alt_L"
xmodmap-e"keycore64=Caps_LockNoSymbolCaps_Lock"
xmodmap-e"addlock=Caps_Lock"
#ctrl_l->capslock
xmodmap-e"removecontrol=Control_L"
xmodmap-e"keycore37=Caps_LockNoSymbolCaps_Lock"
xmodmap-e"addlock=Caps_Lock"
#shift_l->capslock
xmodmap-e"removeshift=Shift_L"
xmodmap-e"keycore50=Caps_LockNoSymbolCaps_Lock"
xmodmap-e"addlock=Caps_Lock"
#alt_r->capslock
xmodmap-e"removemod1=Alt_R"
xmodmap-e"keycore108=Caps_LockNoSymbolCaps_Lock"
xmodmap-e"addlock=Caps_Lock"

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

总结

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

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

热门推荐

随机推荐