Shulou(Shulou.com)05/31 Report--

This article mainly introduces "how to use Electron in javascript". In daily operation, I believe many people have doubts about how to use Electron in javascript. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts about "how to use Electron in javascript". Next, please follow the editor to study!

Remember how to install Electron

Add dependencies to electron in package.json

"devDependencies": {"electron": "12.0.5"}

It is best not to add ^ in front, because to download the electron package using a domestic image, the synchronization is not very timely, which will cause the installation to report to network 404. If you want to upgrade, go to the mirror website to find the corresponding version.

Electron Mirror

I used this electron_mirror= https://mirrors.huaweicloud.com/electron/, to add this line of code to .npmrc.

Methods const {app, BrowserWindow} = require ('electron') const path = require (' path') function createWindow () {const appPath = app.getAppPath () const _ win = new BrowserWindow ({width: 800, height: 600, icon: path.join (appPath, 'assert/hqcs-mini.ico'), webPreferences: {contextIsolation:false, / / remember this first I'll talk about this nodeIntegration: true in a minute. / / remember this first. I'll talk about this preload: path.join (app.getAppPath (), 'preload.js') / / extend the window object in this preload.js}, autoHideMenuBar: true}) _ win.loadURL ("www.your_page.com") .catch (function (e) {console.log (e)}) Return _ win}

Preload.js

Window.CustomApi = {} / / that's fine.

The first key point

After version 12.0.0, contextIsolation must be set to false, for this reason, otherwise, even if you extend the window object in preload.js, you cannot access it in a remote page.

The parameter nodeIntegration must be true, or it doesn't make sense to extend the window object, losing the ability to call the local interface (I don't know if it's accurate here)

On the problem of communication between two processes

E.returnValue should be set after version 12.0.0, otherwise the program may stop.

At this point, the study on "how to use Electron in javascript" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.