티스토리 뷰

02.윈도우

[Electron] 패키징 Packaging

피자돌이 2018. 6. 22. 16:27
반응형

※ Packaging을 위해서는 Node.js 4.x 이상의 버전을 권장함

LTS를 기본으로 진행하면 될듯 합니다.


1. electron-packager 모듈을 이용한 프로젝트 Package

 - 설치 : npm install --save-dev electron-packager (전역으로 설치하고 싶으면 --save-dev -> -g옵션)

 - "prune" : 반드시 포함시켜야 개발시에만 사용하는 모듈이 제외 된다.

               포함시켜서 패키징할 경우 용량이 엄청 커진다.

 - 명령어 : .\node_modules\.bin\electron-packager ./ testApp --platform win32 --arch x64 --out dist --prune

  참고 링크 : electron-packager   옵션 설명 : electron 옵션설명


2. asar 를 이용한 압축(암호화가 아닌 tar와 비슷한 포맷이기 때문에 코드 유출 가능)

 - 설치 : npm install asar (전역:npm install -g asar)

 - packager를 통해서 나온 dist폴더의 resource/app 폴더를 보면 소스 코드가 그대로 노출됩니다.

 - app 폴더를 app.asar 파일로 만들어 주는 역할을 합니다.

 - app.asar 파일이 생성된 후에는 app 폴더는 삭제 해도 됩니다.

 - 명령어 : .\node_modules\.bin\asar pack ./dist/testApp-win32-x64/resources/app ./dist/testApp-win32-x64

/resources/app.asar

 - 명령어 한번에 사용 : .\node_modules\.bin\electron-packager ./ testApp --asar --platform win32 --arch x64 --out dist --prune   -> 옵션에 --asar를 추가해주면 package와 asar를 한번에 가능합니다.


3. 프로젝트를 Installer로 만드는 과정

 - electron-installer-squirrel-windows : 윈도우용 Electron Installer Build Module

 - 설치 방법 01 : npm install --save-dev electron-installer-squirrel-windows (사용) 사이트

 - 설치 방법 02 : npm install --save-dev electron-winstaller (둘중 하나만 설치하면 된다) 사이트

 - installer.js : 인스톨 설정 파일

 - 명령어 : node installer.js (npm 아니고 node임)


그럼 일단 실행파일(exe), 모듈압축, 인스톨 설치파일의 과정이 종료

반응형
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함