如何从电子中的main.js更改index.html中的值?

时间:2019-03-20 06:39:20

标签: electron

main.js,我从 oauth 获得了具有 access_token 的用户信息。

现在我想使用用户名

更改index.html的值

在这里,如何将用户名发送到index.html

我知道event.sender.send,但是它是ipcMain.on的结果位于ipcRenderer.send上吗?

我想在获得 access_token

后发送一些价值

谢谢

1 个答案:

答案 0 :(得分:1)

假设index.html页面只是渲染器过程的主页,而不是您在<webview>中托管的外部页面,则只需将值发送到渲染器并获得它会更改index.html中需要更改的内容:

index.html:

<p id="myParagraph"></p>
<script> require("./renderer.js"); </script>

main.js:

const mainWindow = new BrowserWindow({...});
mainWindow.loadFile("./index.html");
// ... later we get the `accessToken`
mainWindow.webContents.send("got-access-token", accessToken);

renderer.js:

ipcRenderer.on("got-access-token", (event, accessToken) => {
    document.getElementById("myParagraph").innerText = accessToken;
});