electron 主进程和渲染进程中使用node模块

最新推荐文章于 2024-05-27 09:00:00 发布

_陌子曦

最新推荐文章于 2024-05-27 09:00:00 发布

阅读量2.9k

点赞数

分类专栏： electron 文章标签： electron javascript vue.js

本文链接：https://blog.csdn.net/QCIWYY/article/details/122377927

版权

electron 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

主进程中使用node模块

//在main.js中引入
const fs = require('fs')
//在主进程中使用node.js
  fs.readFile("package.json",(err,data)=>{
    if(err){
      console.log("err")
    }
    console.log(data.toString())
  })

渲染进程使用node.js

①main.js

const { app, BrowserWindow } = require('electron');
const path = require('path')
let mainWindow = null;

app.on('ready', () => {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 800,
    // 在渲染进程中使用node, 需要要配置webPreferences属性
    webPreferences: {preload: path.join(__dirname, 'preload.js')}
  });
  mainWindow.loadFile('index.html'); // 加载网页
  mainWindow.on('close', () => {
    mainWindow = null;
  })
})

preload.js

const fs = require('fs')

fs.readFile("package.json",(err,data)=>{
  if(err){
    console.log("err")
  }
  console.log(data.toString())
})

②main.js

const { app, BrowserWindow } = require('electron');

let mainWindow = null;

app.on('ready', () => {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 800,
    // 在渲染进程中使用node, 需要要配置webPreferences属性
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false  //Electron 12.0以上版本需要的额外设置此项}
  });
  mainWindow.loadFile('index.html'); // 加载网页
  mainWindow.on('close', () => {
    mainWindow = null;
  })
})

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'">
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    We are using Node.js <span id="node-version"></span>,
    Chromium <span id="chrome-version"></span>,
    and Electron <span id="electron-version"></span>.

    <!-- You can also require other files to run in this process -->
    <script src="renderer.js"></script>
  </body>
</html>

renderer.js

const fs = require('fs')

window.onload = function () {
    fs.readFile("package.json",(err,data)=>{
        if(err){
            console.log("err")
        }
        console.log(data.toString())
    })
}

类似解决方案：https://www.jianshu.com/p/4520dd7ea586

_陌子曦

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
electron 主进程和渲染进程中使用node模块

主进程中使用node模块//在main.js中引入const fs = require('fs')//在主进程中使用node.js fs.readFile("package.json",(err,data)=>{ if(err){ console.log("err") } console.log(data.toString()) })渲染进程使用node.js①main.jsconst { app, BrowserWindow } =
复制链接

扫一扫