Как обновить приложение, созданное с помощью Electron?

Question

Ролан

vue

Как обновить приложение, созданное с помощью Electron?

Как установить автообновление приложения с использованием данного репозитория https://gitlab.com/dpieski/electron-updater-gitlab? После сборки приложение не обновляется, и в консоли возникают ошибки:

14:43:46.300 > Skip checkForUpdates because application is not packed and dev update config is not forced
14:43:46.303 > checkForUpdatesAndNotify called, downloadPromise is null

Мы используем vue-cli для сборки приложения. Могут ли проблемы быть вызваны этим фреймворком? Какие шаги можно предпринять для выявления и устранения проблемы?

30 января 2024 г. 11:49

Ответы на вопрос 1

Похожие вопросы

Answer 1

Эта ошибка указывает на то, что ваше приложение запущено не из пакета (не из инсталлятора, например, из .exe для Windows), а напрямую из исходников, например, при запуске через команду `npm start` в режиме разработки. Обновление Electron приложений с помощью electron-updater возможно только для собранных версий приложения, так как эта система сравнивает номер собранной версии с номером версии, доступной для обновления.

Чтобы установить автообновление для приложения, созданного с помощью Electron и vue-cli, и использовать `electron-updater-gitlab`, вам нужно выполнить следующие шаги:

1. Убедиться, что ваш проект и все его зависимости полностью настроены для сборки исполняемых файлов приложения. Используйте electron-builder для этой цели.

2. Создать GitLab CI/CD пайплайн, который будет собирать ваше приложение и публиковать релизы в GitLab Releases. 

3. Настроить electron-updater для работы с GitLab, используя `electron-updater-gitlab`. Для этого необходимо:
    - Установить пакет `electron-updater-gitlab` через npm или yarn.
    - Описать конфигурацию в файле `electron-builder.yml` или в поле `build` вашего `package.json`, указав `provider` как `gitlab` и другие необходимые параметры, например `url`, который должен соответствовать URL вашего репозитория на GitLab.

Пример конфигурации в `electron-builder.yml` может выглядеть так:

```yaml
publish:
  - provider: gitlab
    url: https://gitlab.com/<username>/<project_name>
```

Или в `package.json`:

```json
"build": {
  "publish": {
    "provider": "gitlab",
    "url": "https://gitlab.com/<username>/<project_name>"
  }
}
```

4. Обеспечить, чтобы номера версий релизов при сборках автоматически инкрементировались, чтобы electron-updater мог определить, что доступна новая версия.

5. В вашем коде Electron, где вы объявляете и создаете главное окно приложения, импортировать `autoUpdater` из `electron-updater-gitlab` и добавить логику для проверки и установки обновлений.

Пример кода на JavaScript:

```javascript
const { autoUpdater } = require('electron-updater-gitlab');

autoUpdater.checkForUpdatesAndNotify();

autoUpdater.on('update-available', () => {
  // Логика обработки доступного обновления
});

autoUpdater.on('update-not-available', () => {
  // Логика обработки отсутствия доступных обновлений
});

// Другие события и обработчики
```

Если у вас возникли ошибки после сборки приложения, убедитесь, что:
- Вы запускаете сборку приложения, а не режим разработки.
- Ваш `package.json` содержит корректный номер версии.
- В GitLab Releases опубликованы верные артефакты и указаны корректные версии.
- Ваш CI/CD пайплайн на GitLab корректно работает и создает новые релизы.

Если проблема не в настройках публикации, а в самом vue-cli или взаимодействии с Electron, стоит обратить внимание на конфигурации vue.config.js и package.json, чтобы убедиться, что все пути и настройки совместимы с electron-builder и electron-updater.

Если проблемы сохраняются, полезно будет раз