2022-06-22 08:17:48 +00:00
---
title: 'Updating Applications'
description: "There are several ways to update an Electron application. The easiest and officially supported one is taking advantage of the built-in Squirrel framework and Electron's autoUpdater module."
slug: updates
hide_title: false
---
There are several ways to provide automatic updates to your Electron application.
The easiest and officially supported one is taking advantage of the built-in
2018-01-12 15:24:48 +00:00
[Squirrel ](https://github.com/Squirrel ) framework and
2017-08-14 20:26:33 +00:00
Electron's [autoUpdater ](../api/auto-updater.md ) module.
2017-08-11 23:04:25 +00:00
2024-07-03 09:49:56 +00:00
## Using cloud object storage (serverless)
For a simple serverless update flow, Electron's autoUpdater module can
check if updates are available by pointing to a static storage URL
containing latest release metadata.
When a new release is available, this metadata needs to be published to
cloud storage alongside the release itself. The metadata format is
different for macOS and Windows.
### Publishing release metadata
With Electron Forge, you can set up static file storage updates by publishing
metadata artifacts from the ZIP Maker (macOS) with `macUpdateManifestBaseUrl`
and the Squirrel.Windows Maker (Windows) with `remoteReleases` .
See Forge's [Auto updating from S3 ](https://www.electronforge.io/config/publishers/s3#auto-updating-from-s3 )
guide for an end-to-end example.
< details >
< summary > Manual publishing< / summary >
On macOS, Squirrel.Mac can receive updates by reading a `releases.json` file with the
following JSON format:
```json title='releases.json'
{
"currentRelease": "1.2.3",
"releases": [
{
"version": "1.2.1",
"updateTo": {
"version": "1.2.1",
"pub_date": "2023-09-18T12:29:53+01:00",
"notes": "Theses are some release notes innit",
"name": "1.2.1",
"url": "https://mycompany.example.com/myapp/releases/myrelease"
}
},
{
"version": "1.2.3",
"updateTo": {
"version": "1.2.3",
"pub_date": "2024-09-18T12:29:53+01:00",
"notes": "Theses are some more release notes innit",
"name": "1.2.3",
"url": "https://mycompany.example.com/myapp/releases/myrelease3"
}
}
]
}
```
On Windows, Squirrel.Windows can receive updates by reading from the RELEASES
file generated during the build process. This file details the `.nupkg` delta
package to update to.
```plaintext title='RELEASES'
B0892F3C7AC91D72A6271FF36905FEF8FE993520 electron-fiddle-0.36.3-full.nupkg 103298365
```
These files should live in the same directory as your release, under a folder
structure that is aware of your app's platform and architecture.
For example:
```plaintext
my-app-updates/
├─ darwin/
│ ├─ x64/
│ │ ├─ my-app-1.0.0-darwin-x64.zip
│ │ ├─ my-app-1.1.0-darwin-x64.zip
│ │ ├─ RELEASES.json
│ ├─ arm64/
│ │ ├─ my-app-1.0.0-darwin-arm64.zip
│ │ ├─ my-app-1.1.0-darwin-arm64.zip
│ │ ├─ RELEASES.json
├─ win32/
│ ├─ x64/
│ │ ├─ my-app-1.0.0-win32-x64.exe
│ │ ├─ my-app-1.0.0-win32-x64.nupkg
│ │ ├─ my-app-1.1.0-win32-x64.exe
│ │ ├─ my-app-1.1.0-win32-x64.nupkg
│ │ ├─ RELEASES
```
< / details >
### Reading release metadata
The easiest way to consume metadata is by installing [update-electron-app][],
a drop-in Node.js module that sets up autoUpdater and prompts the user with
a native dialog.
For static storage updates, point the `updateSource.baseUrl` parameter to
the directory containing your release metadata files.
```js title="main.js" @ts -nocheck
const { updateElectronApp, UpdateSourceType } = require('update-electron-app')
updateElectronApp({
updateSource: {
type: UpdateSourceType.StaticStorage,
baseUrl: `https://my-bucket.s3.amazonaws.com/my-app-updates/${process.platform}/${process.arch}`
}
})
```
2022-06-22 08:17:48 +00:00
## Using update.electronjs.org
2018-04-27 17:49:42 +00:00
2023-01-16 09:22:49 +00:00
The Electron team maintains [update.electronjs.org][], a free and open-source
2019-03-20 20:12:47 +00:00
webservice that Electron apps can use to self-update. The service is designed
2018-04-27 17:49:42 +00:00
for Electron apps that meet the following criteria:
- App runs on macOS or Windows
- App has a public GitHub repository
2022-06-22 08:17:48 +00:00
- Builds are published to [GitHub Releases][gh-releases]
2024-07-03 09:43:03 +00:00
- Builds are [code-signed ](./code-signing.md ) ** (macOS only)**
2018-04-27 17:49:42 +00:00
2023-01-16 09:22:49 +00:00
The easiest way to use this service is by installing [update-electron-app][],
2018-04-27 17:49:42 +00:00
a Node.js module preconfigured for use with update.electronjs.org.
2022-06-22 08:17:48 +00:00
Install the module using your Node.js package manager of choice:
2018-04-27 17:49:42 +00:00
2022-06-22 08:17:48 +00:00
```sh npm2yarn
2018-04-27 17:49:42 +00:00
npm install update-electron-app
```
2022-06-22 08:17:48 +00:00
Then, invoke the updater from your app's main process file:
2018-04-27 17:49:42 +00:00
2023-06-05 07:26:26 +00:00
```js title="main.js" @ts -nocheck
2018-04-27 17:49:42 +00:00
require('update-electron-app')()
```
2019-03-20 20:12:47 +00:00
By default, this module will check for updates at app startup, then every ten
2022-06-22 08:17:48 +00:00
minutes. When an update is found, it will automatically be downloaded in the background.
When the download completes, a dialog is displayed allowing the user to restart the app.
2018-04-27 17:49:42 +00:00
2019-03-20 20:12:47 +00:00
If you need to customize your configuration, you can
2022-06-22 08:17:48 +00:00
[pass options to update-electron-app][update-electron-app]
2019-03-20 20:12:47 +00:00
or
2018-04-27 17:49:42 +00:00
[use the update service directly][update.electronjs.org].
2022-06-22 08:17:48 +00:00
## Using other update services
2017-08-11 23:04:25 +00:00
2018-04-27 17:49:42 +00:00
If you're developing a private Electron application, or if you're not
2019-03-20 20:12:47 +00:00
publishing releases to GitHub Releases, it may be necessary to run your own
2018-04-27 17:49:42 +00:00
update server.
2017-08-11 23:04:25 +00:00
2022-06-22 08:17:48 +00:00
### Step 1: Deploying an update server
2017-08-11 23:04:25 +00:00
Depending on your needs, you can choose from one of these:
2018-02-19 23:24:15 +00:00
- [Hazel][hazel] – Update server for private or open-source apps which can be
2022-06-22 08:17:48 +00:00
deployed for free on [Vercel][vercel]. It pulls from [GitHub Releases][gh-releases]
and leverages the power of GitHub's CDN.
2018-02-19 23:24:15 +00:00
- [Nuts][nuts] – Also uses [GitHub Releases][gh-releases], but caches app
2022-06-22 08:17:48 +00:00
updates on disk and supports private repositories.
2018-02-19 23:24:15 +00:00
- [electron-release-server][electron-release-server] – Provides a dashboard for
2022-06-22 08:17:48 +00:00
handling releases and does not require releases to originate on GitHub.
2018-02-19 23:24:15 +00:00
- [Nucleus][nucleus] – A complete update server for Electron apps maintained by
2022-06-22 08:17:48 +00:00
Atlassian. Supports multiple applications and channels; uses a static file store
to minify server cost.
Once you've deployed your update server, you can instrument your app code to receive and
2022-12-05 18:18:57 +00:00
apply the updates with Electron's [autoUpdater ](../api/auto-updater.md ) module.
2018-02-19 23:24:15 +00:00
2022-06-22 08:17:48 +00:00
### Step 2: Receiving updates in your app
2017-08-11 23:04:25 +00:00
2022-06-22 08:17:48 +00:00
First, import the required modules in your main process code. The following code might
vary for different server software, but it works like described when using [Hazel][hazel].
2017-08-11 23:23:54 +00:00
2022-06-22 08:17:48 +00:00
:::warning Check your execution environment!
2017-08-11 23:04:25 +00:00
2022-06-22 08:17:48 +00:00
Please ensure that the code below will only be executed in your packaged app, and not in development.
You can use the [app.isPackaged ](../api/app.md#appispackaged-readonly ) API to check the environment.
:::
2023-11-21 07:50:08 +00:00
```js title='main.js'
2018-02-19 23:24:15 +00:00
const { app, autoUpdater, dialog } = require('electron')
2017-08-11 23:04:25 +00:00
```
2022-06-22 08:17:48 +00:00
Next, construct the URL of the update server feed and tell
2017-08-14 20:26:33 +00:00
[autoUpdater ](../api/auto-updater.md ) about it:
2017-08-11 23:04:25 +00:00
2023-11-21 07:50:08 +00:00
```js title='main.js'
2017-08-14 20:26:33 +00:00
const server = 'https://your-deployment-url.com'
2020-05-01 01:54:53 +00:00
const url = `${server}/update/${process.platform}/${app.getVersion()}`
2017-08-12 10:48:49 +00:00
2020-05-01 01:54:53 +00:00
autoUpdater.setFeedURL({ url })
2017-08-11 23:04:25 +00:00
```
2017-08-21 22:19:59 +00:00
As the final step, check for updates. The example below will check every minute:
2017-08-11 23:04:25 +00:00
2023-11-21 07:50:08 +00:00
```js title='main.js'
2017-08-12 10:48:49 +00:00
setInterval(() => {
autoUpdater.checkForUpdates()
}, 60000)
2017-08-11 23:04:25 +00:00
```
2022-06-22 08:17:48 +00:00
Once your application is [packaged ](./application-distribution.md ),
2023-04-16 04:20:59 +00:00
it will receive an update for each new [GitHub Release][gh-releases] that you
2017-08-15 19:53:46 +00:00
publish.
2017-08-11 23:04:25 +00:00
2022-06-22 08:17:48 +00:00
### Step 3: Notifying users when updates are available
2017-08-11 23:04:25 +00:00
2018-01-12 15:24:48 +00:00
Now that you've configured the basic update mechanism for your application, you
2017-08-15 09:38:54 +00:00
need to ensure that the user will get notified when there's an update. This
2022-06-22 08:17:48 +00:00
can be achieved using the [autoUpdater API events ](../api/auto-updater.md#events ):
2017-08-11 23:04:25 +00:00
2023-11-21 07:50:08 +00:00
```js title="main.js" @ts -expect-error=[11]
2017-08-15 09:38:54 +00:00
autoUpdater.on('update-downloaded', (event, releaseNotes, releaseName) => {
2017-08-15 19:53:46 +00:00
const dialogOpts = {
type: 'info',
buttons: ['Restart', 'Later'],
title: 'Application Update',
2017-08-15 20:55:55 +00:00
message: process.platform === 'win32' ? releaseNotes : releaseName,
2022-06-22 08:17:48 +00:00
detail:
2023-05-15 07:58:35 +00:00
'A new version has been downloaded. Restart the application to apply the updates.'
2017-08-15 19:53:46 +00:00
}
2017-08-15 20:09:06 +00:00
2019-11-18 08:49:50 +00:00
dialog.showMessageBox(dialogOpts).then((returnValue) => {
if (returnValue.response === 0) autoUpdater.quitAndInstall()
2017-08-15 19:53:46 +00:00
})
2017-08-15 09:38:54 +00:00
})
```
2018-01-12 15:24:48 +00:00
Also make sure that errors are
2017-08-15 09:38:54 +00:00
[being handled ](../api/auto-updater.md#event-error ). Here's an example
for logging them to `stderr` :
2023-11-21 07:50:08 +00:00
```js title="main.js"
2022-06-22 08:17:48 +00:00
autoUpdater.on('error', (message) => {
2017-08-15 19:38:31 +00:00
console.error('There was a problem updating the application')
console.error(message)
})
2017-08-15 20:55:55 +00:00
```
2017-08-22 14:51:57 +00:00
2022-06-22 08:17:48 +00:00
:::info Handling updates manually
Because the requests made by autoUpdate aren't under your direct control, you may find situations
that are difficult to handle (such as if the update server is behind authentication). The `url`
field supports the `file://` protocol, which means that with some effort, you can sidestep the
server-communication aspect of the process by loading your update from a local directory.
[Here's an example of how this could work ](https://github.com/electron/electron/issues/5020#issuecomment-477636990 ).
2020-04-27 10:03:18 +00:00
2022-06-22 08:17:48 +00:00
:::
2020-04-27 10:03:18 +00:00
2024-07-03 09:49:56 +00:00
## Update server specification
A Squirrel-compatible update server has different
2021-08-18 23:42:12 +00:00
[vercel]: https://vercel.com
[hazel]: https://github.com/vercel/hazel
2018-02-19 23:24:15 +00:00
[nuts]: https://github.com/GitbookIO/nuts
2023-04-16 04:20:59 +00:00
[gh-releases]: https://docs.github.com/en/repositories/releasing-projects-on-github/managing-releases-in-a-repository#creating-a-release
2018-02-19 23:24:15 +00:00
[electron-release-server]: https://github.com/ArekSredzki/electron-release-server
[nucleus]: https://github.com/atlassian/nucleus
2018-04-27 17:49:42 +00:00
[update.electronjs.org]: https://github.com/electron/update.electronjs.org
2019-03-21 19:15:55 +00:00
[update-electron-app]: https://github.com/electron/update-electron-app