Полное руководство по упаковке и распространению вашего приложения

Введение

Целевая аудитория

Эта статья написана для разработчиков, которые уже написали приложение Electron локально на своей машине, но хотели бы сделать его общедоступным для загрузки.

Обзор

Публикация приложений Electron состоит из четырех частей:

  • Упакуйте ваши файлы и ресурсы в установщики.
  • Добавьте подпись кода, чтобы подтвердить, что вы являетесь доверенным разработчиком.
  • Сделайте установщик выпускаd доступным для скачивания.
  • Предоставьте пользователям возможность легко обновлять приложение.

Визуальный рабочий процесс

Electron Builder имеет большую часть функций, необходимых для публикации вашего приложения Electron. Он очень хорошо работает с GitHub, и вместе эти два сервиса предоставляют вашей программе очень простой способ проверить наличие обновлений. Описано в четвертой статье этой серии.

Ограничения

В то время как мы можем создавать для всех операционных систем на Mac: Mac/Linux/Windows, в Windows мы можем создавать только для Linux/Windows. Это ограничение наложено Mac, чтобы заставить больше разработчиков покупать их оборудование. Если вам нужно выполнить сборку для Mac, а у вас его еще нет, есть три варианта:

  • Используйте MacInCloud или что-то подобное.
  • Вы можете использовать службу непрерывной интеграции, такую ​​как TravisCI. Шаги о том, как это сделать, выходят за рамки этой статьи, но существует множество доступных ресурсов, которые могут вам помочь.
  • Я предпочитаю использовать старый (2010 года выпуска) ноутбук Mac, который я купил за 50 долларов. Я делаю большую часть своей разработки на своем компьютере с Windows и просто выполняю процесс сборки на Mac. Он завершает процесс сборки примерно за 90 секунд на операционную систему по сравнению с 60 секундами на моем новом ноутбуке с Windows.

Упаковка

Установки

Я всегда рекомендую использовать флаг -E, чтобы получить точную версию пакета npm. Хотя многие пакеты используют семантическое управление версиями, многие этого не делают. Перейдите в корень вашего проекта и установите Electron Builder.

  • yarn add -ED electron-builder

Конфигурация

Electron Builder настроен в основном из package.json. Все следующие основные поля должны присутствовать:

  • name — строчная версия имени вашего приложения.
  • publicName — общедоступная версия имени вашего приложения.
  • author — ваше название или название вашей компании.

Кроме того, вам нужно будет добавить объект build в package.json, который Electron Builder использует для настройки:

Если неясно, ваш объект JSON должен выглядеть так:

Иконки

Добавление иконок очень просто и хорошо описано в документации.

Строить

  • Добавьте следующие скрипты (при необходимости) в package.json:
  • Запустите одну из команд сборки, чтобы создать свои установщики. Например yarn build:win.

Резюме

Прогресс

Как указано во введении, публикация приложений Electron состоит из четырех частей:

  • P̵a̵c̵k̵a̵g̵e̵ ̵y̵o̵u̵r̵ ̵f̵i̵l̵e̵s̵ ̵a̵n̵d̵ ̵a̵s̵s̵e̵t̵s̵ ̵i̵n̵t̵o̵ ̵i̵n̵s̵t̵a̵l̵l̵e̵r̵s̵.̵
  • Добавьте подпись кода, чтобы подтвердить, что вы являетесь доверенным разработчиком.
  • Сделайте установщик доступным для загрузки.
  • Предоставьте пользователям возможность легко обновлять приложение.

Первая часть завершена, переходим к подписанию кода.