Electron의 작동 원리

Electron은 package.json 파일에 정의 된 메인 파일을 가져와 실행합니다. 이 기본 파일은 렌더링 된 웹 페이지와 운영 체제의 기본 GUI (그래픽 사용자 인터페이스)와의 상호 작용을 포함하는 응용 프로그램 창을 만듭니다.

Electron을 사용하여 애플리케이션을 시작하면 main process생성됩니다. 이 기본 프로세스는 운영 체제의 기본 GUI와 상호 작용합니다. 응용 프로그램의 GUI를 만듭니다.

메인 프로세스를 시작하는 것만으로는 애플리케이션 사용자에게 애플리케이션 창이 제공되지 않습니다. 이것은 BrowserWindow 모듈 을 사용하여 주 파일의 주 프로세스에 의해 생성됩니다 . 그런 다음 각 브라우저 창에서 자체 실행renderer process. 렌더러 프로세스는 일반적인 CSS 파일, JavaScript 파일, 이미지 등을 참조하는 HTML 파일을 가져 와서 창에서 렌더링합니다.

메인 프로세스는 Electron에서 직접 사용할 수있는 모듈을 통해 네이티브 GUI에 액세스 할 수 있습니다. 데스크탑 애플리케이션은 파일 처리, HTTP 호출 요청 등을위한 파일 시스템 모듈과 같은 모든 노드 모듈에 액세스 할 수 있습니다.

메인 프로세스와 렌더러 프로세스의 차이점

메인 프로세스는 BrowserWindow 인스턴스 를 생성하여 웹 페이지를 생성합니다 . 각 BrowserWindow 인스턴스는 자체 렌더러 프로세스에서 웹 페이지를 실행합니다. 때 BrowserWindow의 인스턴스가 파괴되어, 해당 묘화 프로세스는 종료된다.

기본 프로세스는 모든 웹 페이지와 해당 렌더러 프로세스를 관리합니다. 각 렌더러 프로세스는 격리되어 있으며 실행중인 웹 페이지에만 관심이 있습니다.