Nodejs：node webkit 如何打包成为客户端应用？

Nodejs：node webkit 如何打包成为客户端应用？

RT，在网上搜了一大圈，发现都泛泛而谈，没有一个清晰流程，这让我很痛苦啊！！有没有大神能负告知下！别copy网络上的那些答案，万分感谢！

5 回复

当然可以。Node-WebKit（NW.js）是一个基于Chromium和Node.js的开源框架，允许开发者使用Web技术来构建跨平台的桌面应用程序。以下是如何将一个Node.js项目打包成一个客户端应用的详细步骤。

步骤1：安装Node-WebKit

首先，确保你已经安装了Node.js。然后，你可以通过npm安装Node-WebKit的命令行工具：

npm install -g nw

步骤2：准备你的应用文件

假设你有一个基本的Node.js项目结构如下：

myapp/
├── package.json
├── index.html
├── main.js
└── node_modules/

其中package.json文件可能包含如下内容：

{
  "name": "myapp",
  "version": "1.0.0",
  "main": "index.html"
}

index.html文件可能包含如下内容：

<!DOCTYPE html>
<html>
<head>
    <title>My App</title>
</head>
<body>
    <h1>Welcome to My Application!</h1>
    <script src="main.js"></script>
</body>
</html>

main.js文件可能包含如下内容：

console.log("Application started!");

步骤3：创建打包脚本

创建一个名为build.sh的脚本文件，用于打包应用：

#!/bin/bash

# 创建输出目录
mkdir -p dist

# 复制项目文件到输出目录
cp -r ./* dist/

# 进入输出目录
cd dist

# 创建nwjs包
nwjs .

确保给build.sh文件执行权限：

chmod +x build.sh

步骤4：运行打包脚本

在终端中运行打包脚本：

./build.sh

这将生成一个包含所有应用文件的目录，该目录可以直接用NW.js运行。

步骤5：发布应用

你可以将生成的目录压缩成一个.zip文件，或者使用NW.js的打包工具将其转换为可执行文件。例如，使用nw-builder库可以将应用打包成可执行文件：

npm install nw-builder -g
nwbuild -p win32,win64 -o ./dist/myapp myapp

这将生成适用于Windows系统的可执行文件。

希望这些步骤能够帮助你成功地将Node.js项目打包成客户端应用。


我用grunt-node-webkit-builder 建议简单看一下node-webkit-builder Instruction 很详细。

node-webkit-builder 可以理解为一键打包程序，原来你用node-webkit需要手动一步步的过程省了。简单配置就能自动打包生成不同操作系统的noe-webkit应用。 而grunt-node-webkit-builder 是grunt的一个插件，这个你得先了解下grunt先。。反正这一步一步的，似爪牙，似魔鬼的步伐。。入了nodejs的坑，就得经得起折腾。。

node-webkit不是巨多坑么。。。

Node.js: 如何将 Node-WebKit 打包成客户端应用？

要将 Node-WebKit（现在称为 NW.js）打包成客户端应用，你需要遵循以下步骤。这些步骤将帮助你生成一个可执行文件或安装程序，使你的应用可以在没有 Node.js 环境的情况下运行。

步骤1: 准备项目

确保你的项目目录结构如下：

my-app/
├── package.json
├── index.html
└── package.nw

其中：

  • package.json 包含你的应用信息。
  • index.html 是你的主页面。
  • package.nw 是你的应用代码包。

步骤2: 创建 package.json

package.json 文件应包含必要的信息：

{
  "name": "my-app",
  "main": "index.html",
  "window": {
    "width": 800,
    "height": 600
  }
}

步骤3: 创建 index.html

创建一个简单的 HTML 文件作为应用的入口点：

<!DOCTYPE html>
<html>
<head>
  <title>My App</title>
</head>
<body>
  <h1>Hello, NW.js!</h1>
  <script src="app.js"></script>
</body>
</html>

步骤4: 创建 app.js

你可以在这个 JavaScript 文件中编写应用逻辑：

document.addEventListener('DOMContentLoaded', function() {
  console.log('App is running!');
});

步骤5: 打包应用

使用 nw-builder 工具来打包你的应用。首先安装 nw-builder：

npm install nw-builder -g

然后，创建一个打包脚本 build.js：

var NwBuilder = require('nw-builder');
var nw = new NwBuilder({
  files: './package.nw/**',
  version: '0.49.2', // 选择合适的 NW.js 版本
  platforms: ['win', 'osx', 'linux']
});

nw.on('log', console.log);

nw.build().then(function () {
  console.log('Build Complete!');
}).catch(function (error) {
  console.error(error);
});

运行打包脚本：

node build.js

步骤6: 分发

打包完成后，你会在 dist/ 目录下找到生成的应用文件。你可以将这些文件分发给用户。

注意事项

  • 确保所有依赖项都在 package.json 中列出。
  • 根据目标平台调整 platforms 列表。
  • 测试生成的应用以确保其在目标环境中正常工作。

希望这些步骤能帮助你成功地将 Node-WebKit 应用打包成客户端应用。

回到顶部