작성완료

일렉트론 초기 설정

일렉트론 초기 설정을 위해 필요한 모듈을 설치하고, electron.js 파일을 생성하여 윈도우 객체를 설정한 후, 실행 및 빌드 스크립트를 정의하는 방법을 설명합니다.

ElectronNodeJSelectron-packager

1. 필요 모듈 설치

$ npm i electron

$ npm i -D electron-packager

2. electron.js 파일 생성

javascript
const { app, BrowserWindow } = require('electron');// 일렉트론 모듈 importlet mainWindow;// 윈도우 변수 생성const onClosed = () => mainWindow = null;// 윈도우 닫기 함수const onInit = () => {
	mainWindow = new BrowserWindow({ width: 400, height: 700 });// 윈도우 객체 생성
  mainWindow.loadURL('http://bodyscanner.iptime.org:2');// 윈도우 내부 웹URL 설정
  mainWindow.on('closed', onClosed);// 닫기 이벤트 리스너 등록
}

app.on('ready', onInit);// 최초 셋팅값 적용 //

3 실행 및 빌드

json
"scripts": {
	"start:exe": "electron .",
	"build:exe": "electron-packager . --out=exe --asar"
}

작성완료

일렉트론 초기 설정

ElectronNodeJSelectron-packager

1. 필요 모듈 설치

$ npm i electron

$ npm i -D electron-packager

2. electron.js 파일 생성

javascript
const { app, BrowserWindow } = require('electron');// 일렉트론 모듈 importlet mainWindow;// 윈도우 변수 생성const onClosed = () => mainWindow = null;// 윈도우 닫기 함수const onInit = () => {
	mainWindow = new BrowserWindow({ width: 400, height: 700 });// 윈도우 객체 생성
  mainWindow.loadURL('http://bodyscanner.iptime.org:2');// 윈도우 내부 웹URL 설정
  mainWindow.on('closed', onClosed);// 닫기 이벤트 리스너 등록
}

app.on('ready', onInit);// 최초 셋팅값 적용 //

3 실행 및 빌드

json
"scripts": {
	"start:exe": "electron .",
	"build:exe": "electron-packager . --out=exe --asar"
}