dev/개인 프로젝트

electron-builder 사용하여 데스크톱 앱 배포하기

2020. 2. 17. 09:02

electron-builder 에 대한 옵션값은 다른 블로그나 공식사이트에 잘 정리 되어있으니 넘어가고,

 

방법만 순서대로 보여드리겠습니다.

 

1.  electron-builder 를 설치합니다.

npm install --save-dev electron-builder

 

2. 설치 후, package.json 에 몇가지를 추가하셔야합니다.

 

설정 값 추가

 

사진의 빨간 부분의 설정이 제가 추가한 부분입니다.

 

[밑에서 복사해서 쓰세요]

{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "deploy":"electron-builder --windows nsis:ia32"
  },
  "repository": "https://github.com/electron/electron-quick-start",
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo"
  ],
  "author": "GitHub",
  "license": "CC0-1.0",
  "devDependencies": {
    "electron": "^8.0.0",
    "electron-builder": "^22.3.2"
  },
  "build": {
    "productName": "HelloElectron",
    "appId": "com.electron.hello",
    "asar": true,
    "protocols": {
      "name": "helloElectron",
      "schemes": [
        "helloelectron"
      ]
    },
    "win": {
      "target": [
        "zip",
        "nsis"
      ],
      "icon": "./resources/installer/Icon.ico"
    },
    "nsis": {
      "oneClick": false,
      "allowToChangeInstallationDirectory": true
    },
    "directories": {
      "buildResources": "./resources/installer/",
      "output": "./dist/",
      "app": "."
    }
  }
}

 

3. 배포 명령어를 실행 

npm run deploy

 

4. dist 폴더에 설치 파일 생성

설치파일 생성

5. setUp.exe 실행

설치중

 

6. 설치 완료

 

설치 완료

 

7. 실행파일 완료

 

exe 실파일이고, Uninstall exe가 삭제파일

 

'dev > 개인 프로젝트' 카테고리의 다른 글

golang - gin - backend 개발 (1)  (0) 2022.01.12
Electron Hot Reload 적용  (1) 2021.07.02
electron NJS-045 cannot load a node-oracledb binary (작성중)  (0) 2020.03.22
Electron Uncaught TypeError: Cannot read property 'fn' of undefined 에러 해결  (1) 2020.03.01
Electron Quick Start 사용하여 데스크톱 앱 만들기(1)  (0) 2020.02.17
'dev/개인 프로젝트' 카테고리의 다른 글
  • Electron Hot Reload 적용
  • electron NJS-045 cannot load a node-oracledb binary (작성중)
  • Electron Uncaught TypeError: Cannot read property 'fn' of undefined 에러 해결
  • Electron Quick Start 사용하여 데스크톱 앱 만들기(1)
jeongsu
jeongsu
박정수가 공부한 자료를 남기기 위한 블로그
jeongsu
Park_jeong_su
jeongsu
전체
오늘
어제
  • 분류 전체보기 (255)
    • 제조산업 (11)
      • MES (8)
      • 반송 (0)
      • ERP (1)
    • dev (93)
      • 스프링 (2)
      • 데이터베이스 (20)
      • 프로그래밍 (6)
      • 알고리즘 (3)
      • Network (2)
      • trouble shooting (5)
      • 개인 프로젝트 (9)
      • 기타 (46)
    • 박정수 (85)
      • 자기소개 (1)
      • diary & 일상생활 (77)
      • 해외생활 - 중국편 (2)
      • 회고 (4)
    • 영어공부 (51)
    • 유용한 사이트 모음집 (13)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • JPA
  • MES 개발자를 하면 안되는 이유
  • oracle
  • tutorial
  • 어차피 뒤짐
  • w3cSchool
  • MES 개발자
  • mermaid js
  • MES 도망쳐
  • spring
  • ERP
  • coffee-bytes
  • java
  • 스마트팩토리 전망
  • 본질이 존재할까?
  • MES 란
  • 비트코인
  • 배움의 목적
  • MES의 어려움
  • recipe management system
  • Gin
  • MES란
  • vscode
  • 협업프로그램
  • 회고
  • MES 개발
  • 에임시스템
  • RMS란
  • mes
  • MES 전망

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.1.4
jeongsu
electron-builder 사용하여 데스크톱 앱 배포하기
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.