NW.js的用途 NW.js 基于 Chromium 和 Node.js，从而可以在桌面app中使用浏览器开发技术并直接调用 Node.js 资源，甚至将一个web应用打包到本地也轻而易举。...安装NW.js 可以从官网下载； 推荐在开发时下载是sdk版，以使用DevTools 非sdk版也应同时下载，在发布时使用 写一个 Hello World!...title> Hello NWJS~ == 右键单击可看到菜单 == //此处演示调用`NW.js...You are running on ' + os.platform() + ''; 运行NW.js.../path/to/nw 是 NW.js 的二进制运行文件； 在Windows上是nw.exe，在Linux上是nw，而在Mac则是nwjs.app/Contents/MacOS/nwjs Linux和Mac
nw.js如何处理拖放操作 其实拖放（drag-drop）操作是Html5的功能，不是nw.js的内置API，那么我们采用Html5应用一般的处理方法就可以了。...nw.js会按照chrome浏览器默认处理文件的方式来处理拖放的文件，能显示的会直接显示，不能显示的会变成资源下载。 这肯定不是桌面应用想要的效果，那么Html5是如何处理拖放的呢？
默认情况下，nw.js发布的nw.exe文件请求的是普通权限，当我们的应用需要访问一些特殊目录或者注册表等，就需要程序启动的时候以管理员权限运行。...首先我们找一款使用nw.js开发的软件，这里我推荐AxeSlide,首先去下载软件，安装。
中仅保存极少量信息且会过期)，数据持久化(Data Persistence)是本地应用开发中的常见需求，通俗的讲就是将瞬时数据（比如内存中的数据，断电即失效）保存为持久数据（比如写入数据库中长久保存）； 由于NW.js...直接存储数据到本地文件 正如之前的文章提到过的，NW.js提供了App.dataPath来访问系统的应用数据目录， 可以利用其方便的存储应用配置文件等 不同平台上的具体指向： Win: $LOCALAPPDATA...) }); db.get('mittens').then(function (doc) { return db.remove(doc); }); https://github.com/nwjs/nw.js
在实际的NW.js程序开发中，我们可能在程序启动时做一些加载前逻辑，比如更新等等，那如何实现等待这些逻辑完成后才开始加载index.html呢？
[I] 概述 - NW.js原生界面(Native UI)APIs 要构建一个像样的桌面应用，除了由NodeJS处理底层功能，以及由Webkit来应付窗口GUI外，还需要诸如操作窗口、访问剪贴板或隐藏到系统托盘区等和系统图形界面交互的能力...而前面提到的两者，要么无法访问GUI，要么受限于API边界，均无法提供 NW.js Native UI APIs 则在其他JS层的顶部提供了这些完整的功能 1.1 获取nw实例 旧版本中可以用 var...App API - 应用的核心 2.1 打开关联类型的文件 NW.js应用有多种办法打开文件，此处谈论的是打开关联的文件类型；也就是说如果我们开发一个文本编辑器，那么我们希望在系统中右键单击一个txt文件出现的...Window API - 操作NW.js窗口 在NW.js中，Window API 只不过是对DOM中window对象的一层包装，很多(并非所有)方法和属性继承了后者的用法，同时window对象也是 Node.js...在NW.js里，同样的操作只是传递文件路径字符串而已，而非拷贝其内容；同时一些浏览器中的安全限制被解除，并赋予其一些增强的能力，从而使用户体验更接近原生应用
Node.js常用来构建高并发的C/S应用，将这种模式移植到NW.js程序中虽然可行且费不了什么功夫，但仅仅这样做并不能发挥出平台所有的潜力；要知道NW.js允许直接在DOM中和Node.js交互，而这将大大加快程序的运行和简化开发...模块 内部模块 var fs = require('fs') 第三方模块 npm install 之后 var _ = require('underscore') C/C++ 模块 global对象 NW.js...process也是一个在窗口中和Node.js上下文中都可以访问到的全局对象 除了可以访问固有的 process.env.HOME 得到主目录等，还添加了如下属性： process.version['NW.js
说到 node.js 的 GUI 开发方案，首先想到的就是 electron 和 nw.js。但除了它们之外，是否存在其它更轻量级的技术方案可供选择呢？...在这个基础上，再加上个方便操作的 GUI 就好了，于是首先想到的方案自然就是 electron 或者 nw.js。...但打包了 Chromium 内核和 node.js 环境后，如今的 electron 和 nw.js 动不动就上百MB的大小，用来开发这样的小工具实在是不划算。...移动端涌现的各种新工具、框架、语言，对行业入门者来说有一定学习成本，但也确实带来了种种便利。它们一般都解决了各种以往开发方式中的痛点 对于日渐变化的移动端开发需求，确实提高了生产效率，改善开发体验。
本文将从入门者的角度，为你快速讲解Electron到底是个什么技术，包括案例介绍、技术优势、技术体验、实现原理等。...在这之前，Zhao主要进行node-webkit（现在叫nw.js）的开发工作。...的功能，nw.js 则直接使用了 Chromium本身。...4）那在 Electron 和 NW.js 之间，为啥选择前者？ 我没怎么用过 NW.js，但当时在没有时间深入体验的实际情况下，我选择生态好的。...附录：有关Web即时通讯技术的文章 Web即时通讯新手入门贴： 《新手入门贴：详解Web端即时通讯技术的原理》 Web端即时通讯技术盘点请参见： 《Web端即时通讯技术盘点：短轮询、Comet、
本文将从入门者的角度，为你快速讲解Electron到底是个什么技术，包括案例介绍、技术优势、技术体验、实现原理等。...在这之前，Zhao主要进行node-webkit（现在叫nw.js）的开发工作。...的功能，nw.js 则直接使用了 Chromium本身。...4）那在 Electron 和 NW.js 之间，为啥选择前者？ 我没怎么用过 NW.js，但当时在没有时间深入体验的实际情况下，我选择生态好的。...附录：有关Web即时通讯技术的文章 Web即时通讯新手入门贴： 《新手入门贴：详解Web端即时通讯技术的原理》 Web端即时通讯技术盘点请参见： 《Web端即时通讯技术盘点：短轮询、Comet、Websocket
同样基于 Chromium + Node.js 的，还有 NW.js，我们先来看看它们之间有什么不一样吧。...Electron 与 NW.js说到 Node.js 的桌面应用，基本上大家都会知道 Electron 和 NW.js。...例如 VsCode 就是基于 Electron 写的，而小程序开发工具则是基于 NW.js 来开发的。...那么，Electron 和 NW.js 都分别是怎样管理 Node.js 和 Chromium 的呢？NW.js 内部架构NW.js 是最早的 Node.js 桌面应用框架，架构如图1。...在 NW.js 中，将 Node.js 和 Chromium 整合在一起使用，其中做了几件事情，我们来分别看下。
在这里贴一下nw的官网首页和下载截图） image image Github上nw.js有两万多Star和接近3000的Fork，说明它已经相当成熟。...并且在Github项目的最后面，显示Intel有赞助这个项目，看起来很牛的样子 nw.js也是一个使用前端技术（html、css、JavaScript）来构建pc端程序的一个框架。...nw.js就是使HTML, CSS, JavaScript写的原本在浏览器上运行的程序，也可以在桌面端运行。...nw.js是和node.js一样是单进程的，electron改成了双进程，技术实现改变。 electron的优点：开源的核心扩展比较容易，界面定制性强，原则上只要是Web能做的他都能做。...从license上来看，Electron是Github的，NW.js则是Intel。 nw 在mac上只能构建mac的应用 ，windows下只能构建windows的。
找了一圈发现NW.js挺容易上手，分享给大家。...NW.js 官网https://nwjs.io/ 1.下载适合当前版本的js 【这里下载的SDK版本，方便后续调试】 2.解压到本地 3.构建自己的project index.html...4.把项目放到nw.js解压后的同一目录下 5.命令进入到当前文件夹 输入 nw myapp 也可以直接把项目拖到nw.exe 6.将应用打包成app.nw文件，进入myapp文件夹中
好在dart和flutter入门都不是很难，学习曲线比较平缓。...webview框架碰到的问题TAURI都有， 使用Rust开发，将来会支持Deno，作者说将来会直接使用webview的技术来支持多平台， NW.js https://nwjs.io/ NW.js最早把...NW.js基于MIT开源，可以无忧使用。 微信小程序开发工具是用NW.js开发的。作者是英特尔的员工，英特尔的一些工具也是用NW.js开发的。...NW.js虽然起步早，但奈何没有杀手级应用，周边的生态和工具链没发展起来。...Electron https://www.electronjs.org/ Electron的作者曾经在NW.js团队工作过（NW.js项目贡献第二多的人就是Electron的作者）， 后来辗转到了github
Windows, macOS, Linux 中等 HTML, CSS, JavaScript 社区支持 一般 中等 NW.js社区 中等 较大 较大 高 性能相对其他框架较低，内存占用高 中等 NW.js...nw.js NW.js（以前称为Node-Webkit）是一个基于Chromium和Node.js的框架，用于构建跨平台的桌面应用程序。...NW.js具有以下特点： 跨平台支持：NW.js可以在多个操作系统上运行，使开发者能够使用相同的代码库构建跨平台的桌面应用程序。...社区支持：NW.js拥有一个积极的开发者社区，提供丰富的文档和示例，使开发者能够快速上手并解决问题。...然而，NW.js也存在一些挑战，包括： 性能相对其他框架较低：由于NW.js同时运行Chromium和Node.js，可能导致一些性能方面的挑战，例如初始启动时间较长和内存占用较高。
安装工具和依赖模块 下载微信小程序开发者工具 开发者工具是用 NW.js 模拟的环境，在微信中，则是 JavascriptCore 环境。 不过不用担心, 只是两个不同的 VM，本质是一样的。...NW.js 可能存在一些小 bug，写代码的时候注意一下就好。 用 npm 命令开始一个微信小程序项目 开始安装必要的依赖模块 由于除了小程序运行时需要的模块，还有构建所需要的模块。...这份笔记都整理出来了 开发 | 一篇文章读懂微信小程序视图层 本文由知晓程序授权转载，关注微信号 zxcx0101，可获得以下内容和服务： 在微信后台回复「1228」，获取全网第一本《微信小程序入门指南
经过笔者的查找发现确实存在这个一样框架，那就是nw.js这个框架。这个框架使用了谷歌浏览器的内核，而该框架的其中一个功能就是可以直接在前端页面中调用node.js代码。...到这里我们就可以还原一个猜测可行的漏洞利用链如下：1.某个漏洞扫描器使用nw.js框架来显示应用的页面。2.该漏洞扫描器通过x-powered-by这个头部来获取扫描目标的版本信息。...3.该漏洞扫描器在某个页面中将获取到的版本信息未经过滤及其他处理直接显示在nw.js框架编写的页面中。...4.由于nw.js框架编写的页面会直接触发xss，导致xss payload中的onerror方法触发，加载远程的node.js代码。...5.由于nw.js框架中可以直接执行node.js对应的代码，导致node.js代码直接执行。6.node.js代码下载恶意文件在主机上获取敏感信息用于溯源攻击者。
经过笔者的查找发现确实存在这个一样框架，那就是nw.js这个框架。这个框架使用了谷歌浏览器的内核，而该框架的其中一个功能就是可以直接在前端页面中调用node.js代码。...到这里我们就可以还原一个猜测可行的漏洞利用链如下： 1.某个漏洞扫描器使用nw.js框架来显示应用的页面。 2.该漏洞扫描器通过x-powered-by这个头部来获取扫描目标的版本信息。...3.该漏洞扫描器在某个页面中将获取到的版本信息未经过滤及其他处理直接显示在nw.js框架编写的页面中。...4.由于nw.js框架编写的页面会直接触发xss，导致xss payload中的onerror方法触发，加载远程的node.js代码。...5.由于nw.js框架中可以直接执行node.js对应的代码，导致node.js代码直接执行。 6.node.js代码下载恶意文件在主机上获取敏感信息用于溯源攻击者。
2 nw.js工具 nwjs官网下载 nw.js的github地址 nw.js的使用流程： 测试可用 解压下载包后，双击nw.exe，可以正常启动，则说明可以使用node-webkit。...当然也可以写简单点，如下： "name": "index-demo", "main": "index.html", //入口 文件准备 把上面的 index.html 和 package.json 放置到 nw.js...参考文章： 让HTML网页变成一个exe执行程序（node-webkit或HTMLRunExe或hta） NW.js构建桌面应用
比如：1）NW.js；2）Electron；3）Flutter for Desktop；4）Tauri；5）Wails；4.2NW.jsNW.js 官网描述：NW.js概况：1）官网：https://nwjs.io.../；2）GitHub：https://github.com/nwjs/nw.js；3）语言：Nodejs + 前端任意框架；4）代表项目：微信小程序 IDE，京东小程序 IDE。...类似于 NW.js，表面上，它们似乎非常相似，但是这两个项目有本质上的区别，使得 Electron 和 NW.js 成为两个完全独立的产品。...比如：1）应用入口不同：NW.js 主入口是一个 HTML，Electron 中是 JavaScript，可操作性更强；2）Node 集成方式不同：在 NW.js 中网页中的 Node 需要通过给 Chromium...10、本文小结NW.js 的时代已经过去，考虑 NW.js 的可以优先 Electron。Tauri 表现不错，前景较好。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
