nw.js 打包流程

2024-10-03

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 打包入门教程 NW.JS的安装与打包_u013288292的博客-CSDN博客_nwjs打包

体验NW.js打包一个桌面应用

1.安装nw,(也可在官网下载然后配置变量) npm install nw -g 一个最最简单的nw应用,只需要有index.html和package.json文件即可 2.项目准备,目录结构 app文件夹 +----index.html +----package.json index.html代码: <!DOCTYPE html> <html> <head> <title>Hello World!</title> </head> &

NW.js打包一个桌面应用

1.安装nw(可以到官网:https://nwjs.io下载) npm install nw -g 2.创建一个最最简单的nw应用在nwjs文件夹中新建index.html和package.json index.html代码: <!DOCTYPE html> <html> <head> <title>Hello World!</title> </head> <body> <h1>Hello World!&l

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

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

c/s端测试——nw.js篇（selenium工具）

最近在为兄弟部门开发自动化测试工具. 然后才知道现在竟然有JS工具可以把JS打包成cs端程序了,太牛了,js发展是真快.并且还是跨平台的,mac.windows.linux都支持. 当然,今天不是说nw.js是怎样去打包EXE程序,今天是来说怎么去对这样的nw.js打包的C/S程序进行自动化测试. 百度了很久,没找到对应的资料,还是打开vps谷歌了一把,以下基本都是官网的内容一.工具ChromeDriver ChromeDriver , 一款开源工具 , 提供跨浏览器自动测试页面应用 . 提供

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 Mac App 签名公证流程

使用 Developer ID 为 Mac 软件签名 - Apple Developer 在MacOS 10.15之前,应用如果没有签名(signature),那么首次打开时就会弹出"无法验证开发者"的安全提示,因此只要签名了,就可以正常打开软件, 从 10.15 版本后,从 App Store 之外分发的 App 都需要经过 Apple 公证(notarize),否则会弹出"无法打开","移到废纸篓"的提示,,非常影响用户第一印象和使用,这就需

使用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将网站打包成桌面应用

需求:已有一个网站,因为浏览器兼容性等问题,想自己封装一个浏览器,打开时固定打开这个网站,通过这样的封装,将网站变成桌面应用程序. 1. 下载并安装NW.js的最新稳定版本(NW.js) 2. 创建一个工作目录,并新建package.json文件,并添加如下代码 { "name": "demo", "version": "1.0.0", "main": "http://www.cnblogs.co

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桌面软件开发系列第0.1节 HTML5和桌面软件开发的碰撞

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

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

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

用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 本文讲述了如何使用该

webpack学习--创建一个webpack打包流程

创建一个webpack打包流程首先安装webpack插件 mkdir webpack-demo && cd webpack-demo npm init -y npm install --save-dev webpack npm install --save lodash 创建index.html文件 <html> <head> <title>webpack 2 demo</title> </head> <body>

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啊,搜了一大堆相关资料,怎么地,没辙呀,照着那些资料一步一步来呗,庆幸的是功夫不负有心人呀哈哈,居然成功了,尽管花了好长好长的时间,但是不要在意这些细节是吧. 反正这个坑踩了很久,才过去的.好了废话

cordova/ionic打包流程

ionic android 手工打包指令手册 [工作平台要求] 安装 node.js.cordova.ionic(非必须) 等前端相关软件与组件(1)安装 Java-SDK,正确配置系统环境变量 JAVA_HOME.CLASSPATH.加入 PATH node.js.JDK 安装路径不能要有空格和中文!!! 推荐安装路径: C:\nodejs\ C:\Java\jdk1.8.0_112(注意不要升级java,对应就是这个版本,不然其他的也要升级) 系统环境变量: JAVA_HOME=C:\Jav

requirejs 使用实例r.js打包

在这里,请先看基础文章与相关技术文档: 安装: npm init npm install requirejs --save npm install jquery@1.11.1 --save 创建基本目录: js/main.js&test.js css/index.css index.html build.js copy requirejs目录下的r.js到根目录创建导出目录:one 测试目录创建完成! index.html <!DOCTYPE html> <html lang=

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 打包流程

热门专题