# 使用NW将我们开发的网站打包成桌面应用

>[info] NW.js 是Node.js 开发的桌面应用打包工具

> 你可以使用node语言开发桌面应用 我这里只是介绍如何将网站包一个本地应用的壳

> NW而且打包了谷歌浏览器 兼容性更好 但骨子里 他还是网站程序

## NW.js 下载

下载网址 https://nwjs.io/downloads/

推荐下载 Windows 32-bit 和 Mac OS X 64-bit

>[danger] 不要用win64位 一个是兼容性不好老系统不一定兼容

> 另外就是win64位打包的软件达到200多M 而32位程序打包后文件大小减少一半

## 解压文件 创建子项目文件夹

解压后的结构如下: win32版

![](https://box.kancloud.cn/ede79a8763bf8ff9e116062567867c5d_607x569.png)

注意 :这三文件夹不是nw自带的

![](https://box.kancloud.cn/40d37d5da00dba80aa3044d522ac6882_617x76.png)

## 创建 node.js 项目文件夹

现在我在里面建一个mikkle文件夹

这个文件夹将是我们新的node.js项目文件夹

![](https://box.kancloud.cn/2a83d5a47129b033d07b528127f54ef9_598x451.png)

## 创建NODE项目配置文件

在项目文件中 创建package.json

可以继续使用PHPSTORM 注意编码和格式

![](https://box.kancloud.cn/b49dee3d3d8903b49d342d38c6602bda_563x433.png)

>[danger] 这个文件要求苛刻编码utf-8 不能有多余的逗号 不要中文 引号必须双引号

~~~

{

"name": "mikkle'snw",

"version": "1.0.0",

"main": "index.html",

"window": {

"width": 1024,

"height": 768,

"title": "mikkle'nw"

}

}

~~~

>[info] ndex.html 就是你的Node项目的入口文件

>当然你也可以用index.js 用node语言开发

>![](https://box.kancloud.cn/7772f865e293aa9e2ad0edf8b269f124_662x243.png)

## 创建index.html文件

~~~

Mikkle'Nw.js

window.location.href = "http://www.mikkle.cn";

~~~

>[success] 就是就是一个简单的跳转

>这里你可以根据你的需求开发自己的项目文件

>

## 打包项目文件

将项目文件打包成zip格式 并重命名

![](https://box.kancloud.cn/308a7b04bd166d994921952d2a8803d6_619x159.png)

注意一定进入到项目文件夹打包 mikkle.zip 要包含你的所有NODE项目文件

![](https://box.kancloud.cn/21b916cb5d97f52ea2623700635a835d_427x142.png)

包一个壳 就俩文件

## 将zip文件重命名 并copy到主目录

![](https://box.kancloud.cn/1fc0f10948d0e6864033efeff6f0bbc3_711x450.png)

## 将mikkle.nw拖到nw.exe即可执行

![](https://box.kancloud.cn/1b1d0d90d39e2db7d75996968b6d6bf1_650x428.png)

![](https://box.kancloud.cn/7f91fd74b8ec997a9cbe4b9dae215ca8_1040x807.png)

## 打包文件mikkle.nw+nw.exe文件

使用win命令行

进入主项目文件夹 执行以下命令

![](https://box.kancloud.cn/904dde0dc970d894b0a5aa0f9567eaf3_469x290.png)

~~~

copy /b nw.exe+mikkle.nw mikkle.exe

~~~

>[info] copy /b是打包成二进制文件

>nw.exe+mikkle.nw 顺序不要反了

>mikkle.exe文件是你要生成的文件名字 随意的 这东西可以改

## mikkle.exe文件就可以运行项目了

![](https://box.kancloud.cn/0852b95717085dd2bdd0b93f67157974_660x466.png)

## 使用Enigma Virtual Box打包成单体exe

* Enigma Virtual Box 下载地址 http://enigmaprotector.com/en/downloads.html

* 自己下载后并安装运行

![](https://box.kancloud.cn/bcb5a5023cf3c23a38d2a3ca883128ff_782x549.png)

* 选择项目运行文件

>[danger] Input File Name选择刚才生成的mikkle.exe

> Output File Name自动会生成输出文件。你也可以选择不同的输出目录

> ![](https://box.kancloud.cn/f37d65398b5cfa188619585a68857d49_754x141.png)

* 添加项目附送文件

添加所有把项目文件

![](https://box.kancloud.cn/2ffa91d655b0396836304c0d0f1c3f8b_1537x622.png)

![](https://box.kancloud.cn/5f2b0485ff97dce31a8de422710dfbba_497x303.png)

>[danger] 注意可以不包括 mikkle目录 mikkle.exe mikkle.nw 和mikkle.exe

* 点击右下角的"Process"按钮

![](https://box.kancloud.cn/3c186bea098bf591075e6ae1df7d10cb_772x543.png)

* 最后copymikkle_boxed.exe给顾客即可

![](https://box.kancloud.cn/2b406c05b420c9fa994d2c160a87f5a0_1077x663.png)

感谢大家关注 交流请加QQ群 321449759

![](https://box.kancloud.cn/3499008a08e64306c68873288092a057_286x340.png)

php 开发桌面应用,使用NW将开发的网站打包成桌面应用相关推荐

  1. 将网站打包成桌面程序并生成安装包(跨平台)

    一.Nativefier将网站打包成桌面程序 介绍 Nativefier 是一个命令行工具,仅仅通过一行代码就可以轻松地为任何的网站创建桌面应用程序,应用程序通过 Electron打包成系统可执行文件 ...

  2. Nativefier——快速将网站打包成桌面程序

    同步发布在个人博客:https://www.zhyong.cn/posts/1084/ ,欢迎访问! Nativefier简介 Nativefier是一个命令行工具,仅仅通过一行代码就可以轻松地为任何 ...

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

    自己参加的web项目,最后发现被公司封装成了桌面应用,所以一直好奇是怎么加壳的,在网上找资料后终于发现了一些方法,我找到了三种方法可实现:JWebBrowser(基于IE内核,使用时会发现很多html ...

  4. 【Electron】使用Electron将web项目打包成桌面应用程序

    目录 一.所需环境&打包前准备 1.安装node.js 2.安装electron 3.web项目 二.打包过程 1.打包配置 2. 安装打包器 3.执行打包命令: Electron是由GitH ...

  5. Vue 打包 成 桌面应用 vue打包成桌面应用 vue 打包桌面应用 vue 部署 桌面应用 vue部署为桌面应用 vue部署 为 桌面应用 vue 桌面应用

    文章目录 使用到的 工具 electron 第一步 打包 dist 第二步 创建配置文件 main.js package.json 第三步 安装 Electron 第四步 测试运行 第五步 安装 el ...

  6. 将任意网站打包为桌面程序-低调小熊猫的技术小黑屋

    将任意网站打包为桌面程序 相逢便是缘,欢迎来到低调小熊猫的技术小黑屋 我的博客:https://aodeng.cc 我的公众号:低调小熊猫 我的QQ群:756796932 这里我将我自己的博客网站打包 ...

  7. Nativefier 把网页打包成桌面应用

    前言 最近在使用Teambition效率套件,发现网页版在使用中有许多不便,pc版又是很古老的版本了,于是就有了想要把网页打包成桌面应用的想法.Nativefier插件就能很方便地实现. 准备 Nod ...

  8. springboot导包显示不存在_BOOT项目依赖另外一个模块的包,开发的时候都正常,执行clean package打包成jar时却提示依赖的模块包不存在。...

    我在service1模块里依赖了common模块,开发的时候包都能正常引用到,启动也能正常测试访问,可是奇怪的是,当我要打包成jar包时,就提示service1里依赖common的包都不存在,之前从没 ...

  9. 【最简单】Electron 怎么将网页打包成桌面应用(web前端页面怎么生成exe可执行文件)

    在 HTML5的崛起.JavaScript要一统天下之际,有一个名为[跨平台]的技术越来越火.为什么会这么火?因为软件开发者只需一次编写程序,即可在 Windows.Linux.Mac.IOS.And ...

最新文章

  1. 【阿里云课程】网络深度与宽度如何影响模型性能,如何设计
  2. android 是否允许打印debug级别日志的开关_log日志功能及设置方法
  3. Oracle之索引、权限
  4. java对象内存占用情况分析
  5. 选择控件— UI组件系列
  6. 无法找到或创建字体'SansSerif'.某些字符可能无法正确显示或打印。
  7. python之质数判断
  8. 第二章 面向对象的编程风格
  9. 如果让你手写个栈和队列,你还会写吗?
  10. html5新增graph,Qunee for HTML5
  11. 灌醉茅台董事长拿到便宜酒?潘长江和茅台双双回应...
  12. 菜鸟学IT之python3关于列表,元组,字典,集合浅认识!
  13. 上计算机课睡觉检讨书400,小学生上自习课睡觉检讨书
  14. 4. 根据UDP端口号抓IPsec协议默认的500/4500端口报文
  15. POJ 3671 DP or 乱搞
  16. 魔方机器人之下位机编程---模拟PWM
  17. PHP non-thread-safe和thread-safe这两个版本的区别
  18. 软件测试肖sir___项目讲解之银行项目
  19. 微博奥运营销策略复盘,探索双十一微博品牌营销新手法!!
  20. 华为面试题(小朋友高矮排序,要求移动距离最小)-java版

热门文章

  1. 拼写检查工具是android,拼写检查工具框架  |  Android 开发者  |  Android Developers...
  2. java layoutinflater_使用LayoutInflater动态加载布局和操作控件
  3. 季节前面为什么用in_无机涂料为什么可以防霉呢,如何避免梅雨季节前面出现霉菌...
  4. vSAN 设计、部署、运维最佳实践 | 资料
  5. 腾讯数据库专家多年运维经验凝聚成简,总结这份595页工作笔记
  6. 虚拟化小白对VMcpu分配的理解
  7. git全局配置用户名和密码_git---全局设置用户名、密码、邮箱
  8. 梅特勒托利多xk3124电子秤说明书_托利多电子秤使用说明
  9. php文章管理系统_PHP-小程序:(1)开发环境搭建
  10. Check_ping监控测试原理