[Electron] electron 설치 프로그램 만들기

[Electron] electron 설치 프로그램 만들기

electron으로 desktop application을 개발하였으면 이제 배포하기 위해 설치 프로그램을 만들어야합니다. 이번 게시글에서는 설치 프로그램을 만드는 방법을 알아보겠습니다.

electron 설치 프로그램 만들기

electron에서 설치 프로그램을 만드는 방법은 매우 간단합니다. electron-builder package를 사용하면 됩니다. 첫번째 게시글에서 설치하였는데 만약 설치하지 않으셨으면 아래 명령어를 이용하여 설치하면 됩니다.

설치 명령어 : yarn add -D electron-builder

...
"build": {
  "appId": "com.exmaple.electron",
  "productName": "electronReact"
},
"scripts": {
  ...
  "build": "yarn build:react && electron-builder"
},
...

간단하게 설명하자면 build를 하기 위해 appId, productName을 추가하였습니다. 그리고 build script를 추가하였습니다. 설치 프로그램을 만드는 명령어를 입력해봅시다.

build 명령어 : yarn build

해당 script가 끝나면 dist 폴더에 설치 파일들이 생깁니다. window, mac os에 맞게 설치하여 사용하시면 됩니다. dist 폴더는 추적하지 않도록 .gitignore 파일에 추가하도록 합시다.

 

이번 게시글에서는 설치 파일을 생성하는 방법을 알아보았습니다. 다음 게시글에서는 자동 업데이트 하는 방법을 알아보도록 하겠습니다.

참고자료

• 해당 게시글 코드 확인

마지막

해당 내용은 틀릴 수도 있습니다. 틀린 내용이 있으면 조언 부탁드립니다.