[WIP]Electron 사용해 보았다

7437 단어 Electron
이제 다시 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"
    ...
      }
    ...
    }
    

    좋은 웹페이지 즐겨찾기