Как создать версию веб-сайта для настольного приложения, используя NW.js?

Question

В прошлом я использовал приложение Fluid (OS X) для создания автономных приложений для настольных компьютеров с определенными веб-приложениями, которые я хочу отделить от браузера, иметь собственную иконку закрепления и не иметь ни одного обычного браузера (панель инструментов, адресная строка)., так далее.). Тем не менее, приложение Fluid долгое время игнорировалось, и некоторые новые веб-приложения (например, "Входящие" от Google) полностью не загружались в него.

Поэтому я ищу простой способ создания настольного приложения, которое будет иметь одно окно загрузки одного сайта, и я думаю, что NW.js был бы идеальным для этого.

Каким должен быть процесс настройки для создания такого простого настольного приложения для просмотра веб-страниц по заданному URL-адресу с использованием NW.js?

Answer 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 от nwjs.app/Contents/MacOS/nwjs path_to_your_project

Обратите внимание "nodejs": false Эта опция отключает nodeapi для приложения, если вам в конечном итоге понадобятся nodejs в части вашего приложения, убедитесь, что в любом веб-просмотре, для которого отключен nodejs, поскольку это серьезный недостаток безопасности, сделайте свое исследование - сделайте это правильно.

Также обратите внимание, что ничто не мешает пользователю получить доступ к контенту из других доменов в приведенном выше примере.

В конечном итоге вам захочется взглянуть на упаковку вашего приложения, что также довольно просто: https://github.com/nwjs/nw.js/wiki/how-to-package-and-distribute-your-apps