Electron이란?

Electron 은 GitHub가 개발한 Chromium과 Node.js를 사용한 HTML, CSS, JavaScript로 Windows, macOS, Linux용 크로스 플랫폼 데스크톱 앱 개발하는 프레임워크입니다.

준비

Node.js 설치

Node.js에서 설치 프로그램을 다운로드합니다.

설치 프로그램을 실행하여 Node.js 및 npm을 설치합니다.

PATH가 통과하지 않으면 PATH를 통과한다.

$ echo 'export PATH="/usr/local/bin:$PATH"' >> ~/.bash_profile
$ source ~/.bash_profile

샘플 앱 빌드 및 실행

Electron Quick Start

Electron Quick Start (Hello World)

Hello World!를 표시하는 샘플 앱

$ git clone https://github.com/electron/electron-quick-start
$ cd electron-quick-start
$ npm install
$ npm start

Electron API Demos 앱

애플리케이션 패키지 작성

Electron Packager 설치

앱을 패키징(Windows이라면 *.exe

$ sudo npm -g install electron-packager

/usr/local/bin/electron-packager -> /usr/local/lib/node_modules/electron-packager/cli.js
+ [email protected]
added 229 packages in 14.021s

패키징

Electron Packager 명령은 다음과 같습니다.

$ electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> [optional flags...]

매개변수 이름
값


플랫폼
all, darwin, linux, mas, win32

arch
all, ia32, x64, armv7l, arm64, mips64el


macOS의 64bit로 작성한다면 다음을 실행한다.

$ electron-packager ./ SampleApp --pratform=darwin --arch=x64