首页 > 编程语言 >用node-webkit把web应用打包成桌面应用

用node-webkit把web应用打包成桌面应用

时间:2023-06-25 13:57:00浏览次数:41  
标签:node web exe 文件 html https webkit nw

1.下载node-webkit:https://github.com/nwjs/nw.js

=>下载完成后是个压缩包。解压即可。

=>看到nw.exe文件,双击运行一下,看是否正常

=>exe文件的图标可以用Resource Hacker,nw-builder和node-winresourcer之类的工具替换。

 

2.项目新建package.json:

{

    "name":"zqz", //这里的name属性很重要,类似唯一标示。不可少!

    "main":"index.html", //窗口要渲染的文件

    "nodejs":true,    //true,为启用nodejs

    "node-main":"app.js", //nodejs的入口文件

    "window":{    //简单的设置了一个属性

        "width":800,

        "height":500

    }

}

 

3.生成exe

=>将含有package.json、app.js、index.html 文件的项目压缩成 xx.zip 文件

=>将xx.zip文件直接copy到与nw.exe同级的文件中

=>cmd,在命令行中输入copy /b nw.exe + xx.zip XXX.exe

(有关命名:nw.exe一定要在xx.zip之前!)

 

相关文档:

=>https://www.cnblogs.com/hss-blog/p/9857943.html

=>https://blog.csdn.net/qq_36308324/article/details/78754466

=>http://www.flashme.cn/index.php/study/55.html

=>https://blog.csdn.net/zcmain/article/details/105536212

=>https://www.cnblogs.com/tc310/p/10795783.html

标签:node,web,exe,文件,html,https,webkit,nw
From: https://www.cnblogs.com/ayuaichiyu/p/17502750.html

相关文章

  • WebAssembly能不能取代JavaScript?15张卡通图给你答案!
    一切能用JavaScript实现的,终将用JavaScript实现。一切能编译为WebAssembly的,终将编译为WebAssembly。前端er们,WebAssembly用上了吗?在浏览器中快速运行非JavaScript语言,比如C、C++、Rust,是不是很香?今天,我们就来用15张小画图说WebAssembly。有必要先介绍一下小画的创作者。她叫LinCl......
  • 2 - Web APIs
    day02-WebAPIs1.1.排他操作1.1.1排他思想如果有同一组元素,我们想要某一个元素实现某种样式,需要用到循环的排他思想算法:所有元素全部清除样式(干掉其他人)给当前元素设置样式(留下我自己)注意顺序不能颠倒,首先干掉其他人,再设置自己  <button>按钮1</button>......
  • 5 - Web APIs
    1.1.元素偏移量offset系列1.1.1offset概述offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位1.1.2offset与style区......
  • 6 - Web APIs
    1.1.动画函数封装1.1.1缓动效果原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路:让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。核心算法:(目标值-现在的位置)  /  10   做为每次移动的距离步长停止的条件是:让当前盒子位置......
  • 7 - Web APIs
    1.1.触屏事件1.1.1触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前JS的兼容性问题,可以放心的使用原生JS书写效果,但是移动端也有自己独特的地方。比如触屏事件touch(也称触摸事件),Android和IOS都有。touch对象代表一个触摸点。触摸点可能是一根手指,也可能是一根......
  • 3 - Web APIs
    1.1.节点操作1.1.1删除节点node.removeChild()方法从node节点中删除一个子节点,返回删除的节点。  <button>删除</button>  <ul>    <li>熊大</li>    <li>熊二</li>    <li>光头强</li>  </ul>  <script>    //......
  • 4 - Web APIs
    day04-WebAPIs1.1.常用的键盘事件1.1.1键盘事件  <script>    //常用的键盘事件    //1.keyup按键弹起的时候触发    document.addEventListener('keyup',function(){      console.log('我弹起了');   })​  ......
  • 1_WebAPIs
    day01-WebAPIs学习目标:能够通过ID来获取元素能够通过标签名来获取元素能够通过class来获取元素能够通过选择器来获取元素能够获取body和html元素能够给元素注册事件能够修改元素的内容能够区分innerText和innerHTML的区别能够修改像div这类普通元素的属性能够修改......
  • 【webpack系列】从基础配置到掌握进阶用法
    前言本篇文章将介绍一些webpack的进阶用法,演示内容继承自上一篇文章的内容,所以没看过上一篇文章的建议先学习上一篇内容再阅读此篇内容,会更有利于此篇的学习~文件指纹文件指纹指的是打包输出的文件名后缀,一般用来做版本管理、缓存等webpack的指纹策略有三种:hash、chunkhash......
  • create-react-app 除了NODE_ENV如何区分环境变量
    比如webpack打包的时候,可能要打包到测试环境或者生产环境,但是这时候NODE_ENV的值都是production,这个时候如何区分呢。答案是:cross-env和webpack.DefinePlugin1.定义环境变量到编译环境:测试环境: cross-envNODE_STAGE=testnpmrunbuild预上线: cross-envNODE_STAGE=s......