SPA 구조로 만든다면 Main Windows에서 부르는 HTML 파일을 변경할 필요도 없겠지만 간혹 Main Windows에서 HTML 파일을 변경할 일이 생기긴 하더군요

그래서 찾아봤습니다.

물론 데이터를 넘기고 하려면 iprRenderer 등을 써야 하겠지만 순수하게 HTML 파일만 load하는 방법입니다.

1. 메인 HTML 파일

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';">
    <meta http-equiv="X-Content-Security-Policy" content="script-src 'self' 'unsafe-inline';">
    <script src="./renderer.js"></script>
    <script src="./test.js"></script>
    <title></title>
  </head>
  <body>
    <h1>PAGE1</h1>
    <button onclick="test();">test</button>
  </body>
</html>

2. test.js 파일

var remote = require('electron').remote;

function test(){
    remote.getCurrentWindow().loadFile('./index2.html');
}

 

remote.getCurrentWindow().loadFile(파일명)
만 넣으면 되는거였네요..

블로그 이미지

ligilo

행복한 하루 되세요~

,