Как передать данные из Electron в HTML

Question

Я создал новое электронное приложение.

1. В индексе. js I Загрузка данных в файл узла System.

app.on("ready", ()=>{
   createWindow();
   //data is just any big json object nothing special just static data
   const data = Loader.loadData();
 })

createWindow () просто создает окно, которое загружает индекс. html В индексе. html Я ссылаюсь на скрипт

<script defer src="main.js"></script> 

Как я могу получить доступ к const data из основного. js

Если я попытаюсь использовать require в main. js он не работает, потому что работает в другом потоке, не инициализированном с узлом и больше как фактическое окно браузера. Но есть ли способ передачи данных из индекса. js в основную. js

Просто Идея понятия не имеет, если моя концепция Проблемы хотя бы частично верна

Если вам нужно больше кода или информации, просто спросите!

Answer 1

Вы можете использовать module.export (см. Эту статью )

в своей главной. js

let data;
app.on("ready", ()=>{
    createWindow();
    //data is just any big json object nothing special just static data
    data = Loader.loadData();
})

// Export so you can access it from the renderer thread
module.exports.getData = () => data;

В своем индексе. html

<script>
    const {getData} = require('electron').remote.require('./main.js');
    console.log(getData());
</script>