在 Mac OS 的 NW.js 应用程序中启用应用程序菜单答案

【问题标题】：Enabling application menu in a NW.js app for Mac OS在 Mac OS 的 NW.js 应用程序中启用应用程序菜单
【发布时间】：2015-10-31 23:03:36
【问题描述】：

我正在使用NW.js 为 Mac OS X 创建一个独立的应用程序。该应用程序启动正常，但应用程序菜单（就在 Apple 菜单的右侧）不包含任何项目。我知道将创建一组默认菜单和菜单项，如this screenshot 所示，取自Arvind Ravulavaru' tutorial。

这是我的基本文件：

index.html

<!DOCTYPE html>
<html>
<head>
  <title>Hello World</title>
</head>
<body>
  <h1>Hello World</h1>
</body>
</html>

package.json

{
  "name": "Hello World"
, "version": "0.0.1"
, "description": "Barebones NW.js app"
, "main": "index.html"
, "window": {
    "toolbar": false
  , "width": 800
  , "height": 600
  }
, "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  }
, "author": ""
, "license": "MIT"
}

这是我的步骤：

选择 index.html 和 package.json 并使用 Finder 的 File > Compress 2 items 从它们创建一个 ZIP 文件。
将此 ZIP 文件重命名为 app.nw
下载64-bit build of NW.js for Mac OS X
解压下载的文件，创建一个包含nwjs.app的文件夹
右键单击 nwjs.app 并从上下文菜单中选择“显示包内容”
导航到 nwjs.app/Content/Resources
将 app.nw 文件放入此资源文件夹
修改 nwjs.app/Content/Info.plist 中的文件，使 <key>CFBundleName</key> 与 <string>Hello World</string> 关联。（这定义了应用程序菜单的名称。）
将 nwjs.app 重命名为 HelloWorld.app
右键单击 HelloWorld.app 并从上下文菜单中选择打开
输入管理员用户名和密码以允许应用打开
单击 Hello World 应用程序菜单 - 除了突出显示之外什么都没有发生

我需要做什么才能获得一个功能性的应用程序菜单，并带有一个退出项目来关闭应用程序？

【问题讨论】：

标签： macos menu node-webkit

【解决方案1】：

在 Google 上搜索 nwjs default menu mac 后，我找到了 Dickson Tam's nwjs-osx-menu npm package。

我的额外步骤是：

在终端窗口中，cd 到包含主 index.html 文件的文件夹
运行npm install nwjs-osx-menu。这会添加（一个 node-modules 文件夹，其中包含）一个名为 nwjs-osx-menu 的文件夹。
在文本编辑器中，打开文件 nwjs-osx-menu/index.js
将行 mb.createMacBuiltin('My App'); 更改为 mb.createMacBuiltin('Hello World');
创建一个新的 ZIP，包括新的 nwjs-osx-menu 文件夹
将 zip 文件重命名为 app.nw
将 HelloWorld.app/Content/Resources/app.nw 中的现有文件替换为新文件
启动 HelloWorld.app

【讨论】：