How to implement Automatic Updates in your Electron JS Application

Hello,
In this video I am going to show you how to autoupdate an Electron app using the Electron Builder and the ELectron Updater packages.
The process requires multiple steps but it's simple enough and if you follow along you will be able to create Setups with automatic updates for your applications easily.
Here's the link to the Github repository for the code
github.com/cyr...
Don't forget to Like & Subscribe if this video was helpful.
Cheers!
CoderJeet

[@JAKACLOUD]

The last part of your video was really motivating

[@82pind]

You are star buddy the way you explain and implement is brilliant i love the content believe me

[@zellonews]

Try to build this and u will see how good it is. Good luck

[@nang88]

Nice

[@ILCGyangcczmyiyan]

I just shutdown my laptop during installation due to low battery, after restart, old app uninstalled and new version not installed, I have no application now, how can I prevent this happen in production

[@stefan48391]

Hi, thank you for the video :-) How did you handle signing issue when you distribute your apps?

[@gersonloaizavargas6703]

Pretty helpful, nice video

[@nanayawgodwin4403]

@coderjeet is there a point in importing AppUpdater when it was never used?

[@leonardobernaez260]

Thanks a lot my friend... great video...

[@XiaoleGuo-jw7zr]

Hello, I have tried your code, but I have a question that confuses me so much🥲when download is complete, and after we close the old app, which app should we open again? The one in the folder named "win-unpacked"? I would highly apprecaite it if you could clear up my confusions

[@gabrielemarsili621]

have you any advices for files bigger than 2GB? (I can't upload them on GitHub release)

[@drakZes]

Code Yeet!

[@gabrielsilverio4431]

Hero

[@yopuesquienmas9149]

Bro, I don't know why but I don't have the "dist" folder, will it affect the process?

[@SheharyarSMAdil]

I am having some issues, like when I am running this application in development mode with 'npm start' it is showing me 'Skip checkForUpdates because application is not packed and dev update config is not forced' and when I am running the application after installation there is no activity. ☹ please help.

[@coldenate]

you have to build the app. Electron auto updater is disabled when running in a development environment.

[@worldsfastest684]

You can use this piece of code to test in dev mode
Object.defineProperty(app, "isPackaged", {
get() {
return true;
},
});

[@alexispiquet5576]

Great video, I hope you will create a new one to automate de release deployment using npm scripts instead of do it manually (i mean with a release.ts file in the root of your project). See you soon 😃

[@alexispiquet5576]

I've already created my own, but curious about your approach! 👍

[@zKinqSmoq]

great video! could you do how it would be with electron vite react on private repository? please! Thank you I liked your video it was very useful!!

[@enmanuelmartinez1269]

could you do it with a private repo?

[@zzz-1x]

How to preload data and send to renderer before it show up bro?

[@webeecafe]

yes this is working, but I got Error: EPERM: operation not permitted error when download updated version, how to solve this. Please help me

[@coderjeet]

Can't say without a code review

[@ujjawalkumar5707]

I have developed an application using angular and express and I want to convert this frontend and backend together for a desktop app, Can you please help me.

[@coderjeet]

Well, to help you I created a pile of tutorials about Electron. If you study them you can convert it easily.

[@malihdabboussi5143]

Great video, thanks for posting, i am using bytenode when building do you think it's doable with bytnode ? when building I created another electron app that copies files from the original app and compile them with bytenode then runs the build command... do you think that process will work with the electron updator ?

[@coderjeet]

You can implement automatic updates using anything. Even your custom code

[@-GokulS]

It gives an error while opening the upgraded application
Error: no such file or directory

[@robhopper5729]

I followed your tutorial but my app will not download the update

[@zertax_2602]

Thanks !!!! But how to do for macos and linux ?

[@coderjeet]

I think the tech is same

[@zertax_2602]

@@coderjeet ok thanks ! I saw somewhere that was impossible for Linux

[@yashtalaiche2806]

how to configure if we use aws code commit instead of github

[@coderjeet]

That solution is designed for github releases.

[@yashtalaiche2806]

@@coderjeet can you please told me configuration for amazon s3 bucket

[@coderjeet]

If you don't use Github release with this library, you'll need to write you rown updation code.
It's not complicated really, just have one json file on an online location which you check every time to see if there's a new version (compare with the local version) and the download path.
If a new version is found, download it, and then run the executable using shell.
I rolled out something like this in .net a long time go.

[@tripmad]

👍👍👍👍👍

[@yusufansari790]

it gives an error while opening the upgraded version.
Error: pth is not defined

[@yusufansari790]

This is my auto-updated app
Error: pth is not defined
This app will demonstrate how we can apply an auto update to an application.

[@aconime]

@@yusufansari790 In the event update-not-available, there is no variable called pth, so the code in the video at that section is wrong. You can fix it by just replacing showMessage(pth) ---> showMessage("Update not found");

[@aislx]

please do it for type script

[@holasoyniu8535]

Es realmente confuso, creo que haré mi propio actualizador.

[@krishnarajs8012]

Need better video quality, Otherwise, your content is great

[@JesseAdamson]

looks good to me, make sure you have HD selected

[@coderjeet]

Yes, HD it is.

[@drakZes]

Also looks great to me

[@osmantalhaaydn4426]

Can you make a video also an ubuntu

[@peiyangding]

好