본문 바로가기
Electron

[프로젝트 생성-2] 일렉트론 패키징과 배포

by 으노으뇨 2023. 2. 22.
728x90
반응형
SMALL

지난 포스팅

https://uno-kim.tistory.com/370

 

[프로젝트 생성-1]node.js로 일렉트론 설치하기

https://uno-kim.tistory.com/369 Node js 설치 노드 JS 를 설치하는 방법입니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 사이트에서 Node.js를 설치해줍니다.

uno-kim.tistory.com

정상적으로 나오는 것을 확인해 보았습니다.

이제 조금더 편리하게 패키징과 배포를 하는 방법에 대해 포스팅을 하겠습니다.

이 방법까지는 해준다면 멋진 일렉트론 셋팅이될것같아 저도 나중에 틈틈히 보려고 추가적으로 포스팅합니다.


패키징하고 배포를 위해 가장 빠른 방법은 

일렉트론 포지를 사용하는 것입니다.

일렉트론 포지를 사용하기 위해 패키지를 추가합니다.

npm install --save-dev @electron-forge/cli

빌드하는 툴입니다.

설치가 완료된 이후에는

npx electron-forge import

이 명령어로 진행해보니 오류가 발생하네요

노드js 버전이 너무 높았답니다..

버전이 너무 낮으신 분은 아래처럼 변경해주시고

저의경우 깃이 설치가 안되어있었습니다. 깃설치하고 진행하겠습니다.

https://uno-kim.tistory.com/372

 

node.js 버전 변경

nvm을 설치하는 방법 https://uno-kim.tistory.com/371 nvm 설치 node js 버전 변경이 필요해서 nvm을 통해 버전을 자유롭게 변경하고 싶다. 따라서 nvm이 필요해 설치하는 것을 포스팅하겠습니다 https://github.com

uno-kim.tistory.com

깃설치하는 방법

https://uno-kim.tistory.com/374

 

윈도우 git 설치

깃 설치를 해보겠습니다. https://git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but t

uno-kim.tistory.com

그리고 다시 npx명령을 실행합니다.

설치가 완료되었습니다.

이것으로 이제 일렉트론에서 포지를 사용할 수 있게되었습니다.

npm run make

forge의 "make"를 이용해서 빌드를 합니다.

해당 빌드가 완료되었다면 exe파일로 생성되게되는데요

제쪽에선 짤려보이네요

실행파일의 위치는 다음과 같습니다.

\out\my-electron-app-win32-x64\my-electron-app.exe

파일이 생겼습니다.
더블클릭으로 실행하면 위와 같습니다.

이것으로 패키징과 빌드까지 알아보았습니다. 감사합니다.

728x90
반응형
LIST

댓글