如何使用 NW.js 创建网站的桌面应用版本？答案

【问题标题】：How to create a desktop app version of a website using NW.js?如何使用 NW.js 创建网站的桌面应用版本？
【发布时间】：2015-12-08 09:30:56
【问题描述】：

我过去一直使用Fluid App (OS X) 来创建我希望与浏览器分离的特定 Web 应用程序的独立桌面应用程序，拥有自己的停靠图标，并且没有任何常规浏览器绒毛 (工具栏、地址栏等）。不过，Fluid 应用程序长期以来一直被忽视，某些较新的网络应用程序（例如 Google 的 Inbox）完全无法加载。

所以我正在寻找一种简单的方法来创建一个桌面应用程序，该应用程序将具有一个加载单个网站的单个窗口，我认为 NW.js 将是理想的选择。

使用 NW.js 为给定 URL 的 web 视图构建这样一个简单的桌面应用程序的配置过程应该是什么？

【问题讨论】：

标签： macos nw.js fluid-mac-app-engine

【解决方案1】：

如果你只是想在 NW.js 程序中打开一个网页，这非常容易。

首先确保您阅读：https://github.com/nwjs/nw.js/wiki/How-to-run-apps

尤其是 MacOS 部分。

创建一个目录your_project/

在your_project/package.json中创建一个文件

然后配置package.json：

{
  "main": "https://github.com",
  "name": "github app",
  "description": "Github demo app",
  "version": "0.1.0",
  "keywords": [ "demo", "node-webkit" ],
  "nodejs": false,
  "window": {
    "title": "Github",
    "icon": "logo.png",
    "toolbar": false,
    "frame": true,
    "width": 1024,
    "height": 768,
    "position": "mouse",
    "min_width": 400,
    "min_height": 200
  },
  "webkit": {
    "plugin": true
  }
}

您可以从nwjs.app/Contents/MacOS/nwjs path_to_your_project 运行nwjs

注意"nodejs": false 选项会禁用应用程序的nodeapi，如果您最终需要在应用程序的一部分中使用nodejs，请确保您使用的任何webview 都禁用了nodejs，因为这是一个主要的安全漏洞，请进行研究 -做对了。

另请注意，在上面的示例中，没有任何东西阻止用户访问来自其他域的内容。

你最终会想看看打包你的应用程序，这也很简单：https://github.com/nwjs/nw.js/wiki/how-to-package-and-distribute-your-apps

【讨论】：