이제 다시 Electron을 사용해 보았다.

빠른 시작

공식 사이트에 따라 quick-start합니다.

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

화면이 나타났다.

아키텍처

Electron 어플리케이션은 2 종류의 프로세스로 구성된다.



메인 프로세스
렌더러 프로세스


동시 프로세스 수
1개
n개

발신자
Electron
메인 프로세스

네이티브 리소스 액세스
할 수 있는
할 수 없다

포장

다음 세 가지 도구가 있습니다.

electron-packager

플랫폼별 실행 파일을 생성할 수 있습니다. electron-forge로 이행할 예정인 것 같다.

electron-builder

설치 프로그램을 생성할 수 있습니다.

electron-forge

packager 와 builder 의 양쪽 모두의 기능이 있지만, 아직 개발중인 것 같다.

electron-packager

npx electron-packager . --platform=win32 --arch=x64 --ignore=\".git(ignore)\" --overwrite --icon=icon.icns

테스팅

spectron

test/spec.js

const Application = require('spectron').Application
const assert = require('assert')
const electronPath = require('electron')
const path = require('path')

describe('Application launch', function() {
  this.timeout(10000)

  beforeEach(function() {
    this.app = new Application({
      path: electronPath,
      args: [path.join(__dirname, '..')]
    })
    return this.app.start()
  })

  afterEach(function() {
    if (this.app && this.app.isRunning()) {
      return this.app.stop()
    }
  })

  it('shows an initial window', function() {
    return this.app.client.getWindowCount().then(function(count) {
      assert.equal(count, 1)
    })
  })
})

package.json

{
...
  "main": "main.js",
  "scripts": {
    "test": "mocha"
  },
  "devDependencies": {
...
    "mocha": "^6.0.2",
    "spectron": "^5.0.0"
...
  }
...
}