node-webkit_使用node-webkit创建桌面应用运行应用 (Run the app) 在Mac上打包应用程序 (Package the app on the Mac) 在Windows上打包应用程序 (Package the app on Windows)

62 阅读 0 评论 41 点赞

我是靠谱客的博主冷艳衬衫，最近开发中收集的这篇文章主要介绍node-webkit_使用node-webkit创建桌面应用运行应用 (Run the app) 在Mac上打包应用程序 (Package the app on the Mac) 在Windows上打包应用程序 (Package the app on Windows)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

node-webkit

Warning: this post is old and might not reflect the current state of the art

警告：此帖子过时，可能无法反映当前的最新状态

First, a disclaimer: I’m not going to cover running Node.js code, but just packaging a web app to run on Mac and Windows. Linux is also part of the game, but I’m not covering it.

首先，免责声明：我不会介绍运行Node.js代码，而只是打包一个Web应用程序以在Mac和Windows上运行。 Linux也是游戏的一部分，但我没有介绍它。

node-webkit is, that’s how it’s called from its creators, a web runtime.

node-webkit是这样的，它是从其创建者Web运行时调用的。

It’s based on Chromium (despite its name) and node.js. It lets us call node.js code and modules directly from the DOM, and opens new possibilities for native applications written using Web technologies.

它基于Chromium(尽管名称)和node.js。它使我们可以直接从DOM调用node.js代码和模块，并为使用Web技术编写的本机应用程序打开了新的可能性。

In this post I’m just scratching the surface of it, by deploying and building a package for a web application, on Mac and Windows, just like it’s a native application.

在本文中，我只是通过在Mac和Windows上为Web应用程序部署和构建程序包来对其进行介绍，就像它是本机应用程序一样。

运行应用 (Run the app)

First, let’s introduce the index.html file

首先，让我们介绍index.html文件

<html>
<body>
<p>test</p>
</body>
</html>

We also need a package.json file

我们还需要一个package.json文件

{
"name": "My Web App",
"main": "index.html"
}

That’s it from the code-side! Really.

从代码方面就是这样！真。

Now to run the app, download the runtime from the site https://github.com/rogerwang/node-webkit for your specific platform, and then you can call

现在要运行该应用程序，从特定平台的网站https://github.com/rogerwang/node-webkit下载运行时，然后您可以调用

1)
$ alias nw="open -n -a node-webkit '/PATH_TO_APP_DIRECTORY/'
$ ./nw
2)
cd /PATH_TO_APP_DIRECTORY/
zip -r app.nw ./

You have now created a package of the app. You can double-click it on Mac, or drag over the node-webkit application on Windows, and it will run.

现在，您已经创建了该应用程序的程序包。您可以在Mac上双击它，或者将其拖到Windows上的node-webkit应用程序上，它将运行。

There are a lot of options you can now add to the package.json file https://github.com/rogerwang/node-webkit/wiki/Manifest-format, but that’s a start. You can for example hide the top bar with address and debugger, set the menu items, and decide pretty much all you need.

您现在可以将许多选项添加到package.json文件https://github.com/rogerwang/node-webkit/wiki/Manifest-format ，但这只是一个开始。例如，您可以隐藏具有地址和调试器的顶部栏，设置菜单项，然后确定几乎所有您需要的内容。

Now, let’s dig into packaging and distributing an app.

现在，让我们深入研究打包和分发应用程序。

在Mac上打包应用程序 (Package the app on the Mac)

Unzip the node-webkit.app package downloaded from the node-webkit site.

解压缩从node-webkit站点下载的node-webkit.app软件包。

Right-click, “Show package content”, go in Contents/Resources and copy there the app.nw file built with

右键单击“显示包内容”，进入“目录/资源”，然后将其中复制的app.nw文件复制到此处。

$ zip -r app.nw ./

or alternatively, copy the app directory there and name it “app.nw”.

或者，将应用程序目录复制到此处，并将其命名为“ app.nw”。

That’s it! You can now change the default icon and properties in the Contents/Info.plist file.

而已！现在，您可以在Contents / Info.plist文件中更改默认图标和属性。

在Windows上打包应用程序 (Package the app on Windows)

Download the latest Windows package.

下载最新的Windows软件包。

Copy the .nw file built using Zip in the package directory, alongside nw.exe, and call it app.nw

在包目录中，将使用Zip构建的.nw文件复制到nw.exe旁边，并将其命名为app.nw

Run the command

运行命令

copy /b nw.exe+app.nw app.exe

You can now remove the nw.exe & app.nw files, zip the directory and distribute the package. Your users will need to download the zip file, uncompress and then run the app.exe file contained.

现在，您可以删除nw.exe和app.nw文件，压缩目录并分发软件包。您的用户将需要下载zip文件，解压缩然后运行其中包含的app.exe文件。