Electron으로 개발한 애플리케이션 배포 빌드 하기

* https://kongsoft.tistory.com/5 에서 이어서 Electron 으로 개발한 챗아스트로, 데스크탑 애플리케이션을  electorn builder를 이용해 배포빌드를 하고자 한다.  

Electron으로 웹 서비스를 데스크탑 애플리케이션으로 쉽게 만들기

1. electron builder 설치하기

   electron 프로젝트 폴더에서 아래 명령 실행하여 electron builder 설치

npm install electron-builder --save-dev

 

2. package.json 설정하기

  package.json 파일에 "build" 섹션 생성, electron-builder 설정 추가

{
  "name": "chatastro_electron_app",
  "version": "1.0.0",
  "description": "chatastro electron app",
  "main": "index.js",
  "scripts": {
    "start": "electron .",
    "build": "electron-builder"
  },

  "build": {
    "appId": "com.kongsoft.chatastro-elec-app",
    "productName": "ChatASTRO",
    "directories": {
      "output": "build"
    },
    "files": [
      "**/*"
    ],
    "win": {
      "icon": "icons/chatastro.png"
    },
    "mac":{
      "icon": "icons/chatastro.png"
    },
    "linux": {
      "icon": "icons/chatastro.png"
    }
  },
  "devDependencies": {
      "electron": "^25.3.1",
      "electron-builder": "^24.4.0"
  },
  "author": "kongsoft",
  "license": "kongsoft"
 
}

3. 빌드 명령 실행하여 애플리케이션 빌드하기

  npm run build

  ==> buid 폴더에 setup.exe 셋업파일 생성된다.

 

 

💕 기회가 되면 electron forge 로 패키징 하는 것도 검토해보고자 한다.