Notice
Recent Posts
Recent Comments
Link
«   2025/08   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Tags
more
Archives
Today
Total
관리 메뉴

자동빌드치킨집

[Electron] 웹서버(express) 같이 실행시키기 본문

개발/Electron

[Electron] 웹서버(express) 같이 실행시키기

튀김기 2019. 4. 23. 23:42

[Electron] 웹서버 같이 실행하기

1. 이슈내용

Electron에 express를 포함시켜 작동하는 방법을 간단하게 공유한다.

 

2. 해결방법

사용하고 있는 electron폴더에서 사용하고 싶은 이름을 가진 js 파일을 생성 후

간단한 express 테스트 코드를 작성해서 넣어줬다.

 

- 설치

npm install express --save

 

- webAPI.js

var express = require('express');
var app2 = express();


app2.get('/test', function (req, res) {
    res.writeHead(200, {'Content-Type': 'text/json;charset=utf-8'});
    res.end('{"testcode":"200", "text":"Electorn Test~"}');

 });
 app2.listen(8082, function () {
   console.log('test : http://127.0.0.1:8082/');
 });

express를 추가한다음 8082포트로 로컬 웹서버를 열었다. 

 

이제 electron에서 가장 먼저 실행되는 main.js 맨 하단에 호출하는 webAPI를 넣어뒀다.

 - main.js

//WebAPI 호출 용도
require('./webAPI');

 

3. 결과

정상적으로 일렉트론과 같이 동작하는 모습을 확인 할 수 있다

 

4. 주의

이 방법은 방화벽 설정과 포트를 연다는점, 웹서버를 실행시킨다는 점에서 실질적으로 서비스 데이터를 가져오는 용도로 사용하기에는 부적합하다.

꼭 웹 서버가 필요한게 아닌 데이터 조회 용도로 사용한다면 ipcRenderer를 사용하자.