论nw.js的坑~~~感觉我所有的前端能遇到的坑都踩了一遍

先总结:nw.js 真特么的...难用...文档,我得先百度才能看的稍微明白点文档......!!!!!!我感觉我所有的前端能遇到的坑都踩了一遍,此文针对前后端分离项目,别的先不说一.不需要在项目里安装nw.js 设置webpack 没什么用,它只是打开的时候嵌套在nw.js 那个壳里面实际不能调试,只能看下效果——如果发现有时候不能正常打开,别担心,杀掉任务管理器里的进程就可以正常打开,如果还不能...emmm…… 二.去官网上看文档,英文好的话去看英文的吧,因为中文翻译的会遗漏一些东西,其…

NW.js 入坑指南

NW.js是什么? NW.js 是基于 Chromium 和 Node.js 运行的, 以前也叫nodeWebkit.这就给了你使用HTML和JavaScript来制作桌面应用的可能.在应用里你可以直接调用Node.js的各种api以及现有的第三方包.因为Chromium和 Node.js 的跨平台,那么你的应用也是可以跨平台的.现在已经有很多知名的应用是基于NW.js实现,这是官方统计的一些列表: https://github.com/nwjs/nw.js/wiki/List-of-apps-…

关于Nodejs开发桌面应用。NW.js 和 Electron 优缺点分析对比

从开发角度来说,选择用 nw.js 还是 election ,区别其实不是很大.大部分工作还是在自己的 javascript 和 HTML 上.国内比较有名的,比如微信web开发工具.钉钉都是基于 nw.js 开发的 electron 相对来说比 nw.js 靠谱.有一堆成功的案例: 1. Atom 编辑器 2. Slack (那个独角兽公司)3. Visual Studio Code 4. WordPress 等等.. 优点:1. 开源的核心扩展比较容易,目前是基于 node 6.x,加之现在…

nw.js桌面软件开发系列第0.1节 HTML5和桌面软件开发的碰撞

第0.1节 HTML5和桌面软件开发的碰撞当我们谈论桌面软件开发技术的时候,你会想到什么?如果不对技术本身进行更为深入的探讨,在我的世界里,有这么多技术概念可以被罗列出来(请原谅我本质上是一个Windows程序员的事实). 操作系统 API.操作系统发展到今日,几乎桌面应用的所有功能,都是基于系统API构建的.调用API和语言及技术无关,哪怕是使用汇编.例如(代码来源于网络,本地重新编译): ;我的第一个win32汇编程序 ;一个经典的hello world !程序 ;>>>>&…

NW.js 简介与使用

简介 (1)以网络最流行的技术编写原生应用程序的新方法 (2)基于HTML5, CSS3, JS and WebGL而编写 (3)完全支持nodejs所有api及第三方模块 (4)可以使用DOM直接调用nodejs模块 (5)容易打包和分发 (6)支持运行环境包括32位和64位的Window.Linux和Mac OS 使用方法如下: 一.下载nw 1.下载 NW.js(官网:http://nwjs.io/) 这里面normal这个算是运行时吧,sdk那个是一些工具箱,建议都下下来~ http…

nw.js中用sqlite3

前一段时间,nw.js 项目中想用一个本地数据,最后选择了sqlite3.选好之后就开始干吧,结果mmp,被坑了好久. nw.js官方文档也有调用node原生模块的API,但是照着文档那样配置,以为会成功,然而,那一刻我的心是凉的,结果是并没有成功,然后各种瞎搞,还是失败了. 最后百度呀,google啊,搜了一大堆相关资料,怎么地,没辙呀,照着那些资料一步一步来呗,庆幸的是功夫不负有心人呀哈哈,居然成功了,尽管花了好长好长的时间,但是不要在意这些细节是吧. 反正这个坑踩了很久,才过去的.好了废话…

angular打包(二)：nw.js

1 npm build 把ng编译出dist 2 单独写一个package.json 放在dist文件夹里. { "name": "app", "main": "index.html" } 3 把dist文件夹放进 nwjs-sdk-v0.42.2-win-x64 把dist文件夹改名成package.nw 4 用enigmavirtualbox把整个nwjs-sdk-v0.42.2-win-x64 打包成一个exe. -…

NW.js桌面应用开发（一）

NWjs中文网 Electron中文网一些需要了解的历史与特性,其实就是 NW.js 和 Electron的争议,建议还是亲自阅读一下各自的官网说明 1.下载SDK版工具从淘宝NPM镜像下载,速度飞快,我选择最新的 https://npm.taobao.org/mirrors/nwjs/v0.41.2/nwjs-sdk-v0.41.2-win-x64.zip 版本,对应 Chromium 77 + Node 12.9.1 然后就可以按照官网快速入门例子,就像构建一个Node项目一样从pack…

使用NW.js封装微信公众号菜单编辑器为桌面应用

开发微信公众号的朋友都会遇到一个常见的需求就是修改自定义菜单,如果每个人都去开发这个不经常使用的功能确实有点浪费时间.前段时间在github上找到一个仿企业号的菜单编辑界面,结合微信的C# SDK开发了自定义菜单的编辑发布功能,源码.做为程序员我们经常想追求完美,于是打算做成桌面版,搜索了cef.webkit.net.nw.js等方案后,决定使用nw.js尝试一下........经过几天的摸索后终于完成了,这篇博客也是保存了N次草稿.先上个截图: 准备工作事情开始之前先看看别人是怎么做的,有个…

修改nw.js的exe文件使其请求管理员权限

修改nw.js的exe文件使其请求管理员权限默认情况下,nw.js发布的nw.exe文件请求的是普通权限,当我们的应用需要访问一些特殊目录或者注册表等,就需要程序启动的时候以管理员权限运行.那么此时如何去修改nw.exe,使其启动的时候请求admin权限呢? 首先我们找一款使用nw.js开发的软件,这里我推荐AxeSlide,首先去下载软件,安装. 如果我们软件安装之后,使用的是非Administrator用户登录的话,启动软件的时候,就会弹出UAC提升框,提醒我们该软件请求以管理员身份运行,…

nw.js FrameLess Window下的窗口拖拽与窗口大小控制

nw.js FrameLess Window下的窗口拖拽与窗口大小控制很多时候,我们觉得系统的Frame框很难看,于是想自定义. 自定义Frame的第一步是在package.config文件中将frame选项设置为false. { "name": "1", "main": "index.html", "nodejs": true, "single-instance": false, &…

nw.js如何处理拖放操作

nw.js如何处理拖放操作其实拖放(drag-drop)操作是Html5的功能,不是nw.js的内置API,那么我们采用Html5应用一般的处理方法就可以了. 首先我们看一下一个正常的页面,直接拖放一个文件过来的效果. 页面代码: <html> <head> <title>拖放测试</title> </head> <bodystyle="background-color:rgba(0,0,0,0);"> <…

用node-webkit(NW.js)创建桌面程序

以往写windows桌面程序需要用MFC.C#之类的技术,那么如果你只会web开发技术呢?或者说你有一个网站,但是你想把你的网站打包成一个桌面应用程序,该如何做呢? 答案就是用node-webkit这个开源框架,他封装了webkit内核和node.js,让你可以用web技术来开发windows/linux/OSX程序等.指的一提的是目前node-webkit已经改名为NW.js,下面是在github上的此框架站点: https://github.com/nwjs/nw.js 本文讲述了如何使用该…

RegexKit: A Regular Expression Toolbox Based On NW.js(Node-Webkit) And Other Greate Open Source Projects.

RegexKit RegexKit: A Regular Expression Toolbox Based On NW.js(Node-Webkit) And Other Greate Open Source Projects. Dependence RegexKit is based on a series of greate open source projects. NW.js: NW.js Express.js: express.js Regex101: regex101.com Reg…

使用nw.js将html项目打包为桌面程序

首先需要确保电脑已经布置好node.js环境 1.下载并全局安装nw.js npm install nw -g 2.安装nw-builder模块 npm install nw-builder -g 3.在你的html项目中加入package.json文件(具体的参数设置请自行搜索) { "name": "demo", "version": "0.0.1", "main": "index.html&…

nw.js桌面程序自动更新（node.js表白记）

Hello Google Node.js 一个基于Google V8 的JavaScript引擎. 一个伟大的端至端语言,或许我对你的热爱源自于web这门极富情感的技术吧! 注: 光阴似水,人生若梦,又是人间年尾.许久未说过如此矫情而生硬的话- - 如此篇幅实在无法写明白我扭曲的心理,2017望我还能继续迈进! 喜庆的话不多说,今天给大家分享一个大致3周前,初次涉足Node.js实现的nw.js桌面程序的自动更新模块吧. 本文不做教学,仅用于打脸!希望以此得到各位大神的帮助. 我本没有打算写如此…

NW.js使用及打包

简介 NW.js (原名 node-webkit)是一个结合了 Chromium 和 node.js 的应用运行时,通过它可以用 HTML 和 JavaScript 编写原生应用程序.它还允许开发者从 DOM 调用 Node.js 的模块 ,实现了一个用所有 Web 技术来写原生应用程序的新的开发模式,而且,开发者可以很容易的将一个web应用打包成原生应用(Further, you can easily package a web application to a native applicat…

中文代码示例之NW.js桌面应用开发初体验

先看到了NW.js(应该是前身node-webkit的缩写? 觉得该起个更讲究的名字, 如果是NorthWest之意的话, logo(见下)里的指南针好像也没指着西北啊)和Electron的比较文章: Why I prefer NW.js over Electron? (2018 comparison) 之后在看NW.js创始者(Wang WenRui)的推时不意发现微信小程序用了此框架. 也许与它对老系统如Windows XP的支持有关. 必须体验一下! 下面完成与中文编程:中文代码示例之El…

NW.js 桌面应用程序

nw.js官网 https://nwjs.io/downloads/ 中文网:https://nwjs.org.cn/ 参考文档 https://www.cnblogs.com/xuanhun/p/3656003.html https://wizardforcel.gitbooks.io/nwjs-doc/content/wiki/package-json.html rebuild 打包http://ju.outofmemory.cn/entry/343770 chrome-args: h…

nw.js的localStorage的物理储存位置

前言因为在做美团外卖商家端的nw.js壳子项目,需要保证在壳子里面使用localStorage的数据可以持久化保存. 发现nw可以保存,即使删除应用重写打包也可以保存,所以解决了这个需求,但是还是需要知道具体储存在哪里,否则不清楚什么情况下数据会丢失. 储存位置 nw.js打包出来的应用的localStorage的储存目录为: **C:\Users[用户名]\AppData\Local[nw应用名称]\User Data\Default\Local Storage\chrome-extensi…

NW.js安装原生node模块node-printer控制打印机

1.安装原生node模块 #全局安装nw-gyp npm install -g nw-gyp #设置目标NW.js版本 set npm_config_target=0.31.4 #设置构建架构,ia32或x64,win10, osx为x64操作系统 set npm_config_arch=x64 set npm_config_runtime=node-webkit set npm_config_build_from_source=true set npm_config_node_gyp=C:\U…

nw.js node-webkit系列（15）如何使用内部模块和第三方模块进行开发

原文链接:http://blog.csdn.net/zeping891103/article/details/50786259 原谅原版链接:https://github.com/nwjs/nw.js/wiki/Using-Node-modules 在Node.js中有三种模块类型: 1)内部模块(部分Node API) 2)用JavaScript写的第三方模块 3)C/C++插件的第三方模块这些所有的模块类型,都在会在node-webkit中使用到.你可以在Node's wiki中找到很多这…

node webkit (nw.js) 无法调试的结局方案之一

之前做过nw项目,当时主要内容是由别人做的!过后回到家中,自己研究了下这方面.结果发现我自己写的nw 客户端不可以调试!在网上各种找办法,没找到,深感绝望,突然看到 (https://github.com/nwjs/nw.js/blob/nw17/docs/For%20Users/Getting%20Started.md) 上面说,建议你选择 sdk 版本! nw.js sdk 版本什么东西?抱着试一试的心态下了一个! 熟悉的界面又回来了!…

NW.js开发环境的搭建

写在前面: 之前一直在找关于在mac怎么搭建nw.js的开发环境,苦于自己也没有很深入的理解,其实看看官方文档就差不多知道mac下要怎么整了. 官方文档的图: 正题开始: 先去下载一个nw.js的安装包,有各个版本的安装包,windows,Linux,Mac的下载地址如下 nw.js 下载页面 https://github.com/nwjs/nw.js 或者https://nwjs.io/ 下面我以mac系统为例: 下载好了之后解压文件,然后进入解压后的文件夹,然后再将nw.app文件复制到Ap…