Utilize Electron to Connect with the Backend

Question

Utilize Electron to Connect with the Backend

Currently, I am working on developing a small desktop application utilizing electron and P5 for the front-end. My goal is to make sure that this application operates seamlessly offline by storing data locally instead of relying on a database. The challenge I am facing is the inability to alter JSON files on the frontend, which means I need to establish a way to call functions from the backend (main file of the application) using the frontend. Since my experience with electron is limited, I have been struggling to find a solution online regarding how to make a button trigger a function in the main file. Any guidance or advice on this matter would be greatly appreciated as my attempts to resolve this issue independently have proven unsuccessful.

javascript json electron electron-packager

Answer 1

Answer №1

To make use of the built-in node process in Electron, you must first enable nodeIntegration.

To do this in your main.js file, ensure to enable nodeIntegration:

app.on('ready', () => {
    mainWindow = new BrowserWindow({
        // ...
        webPreferences: {
            nodeIntegration: true,
        }
        // ...
    });
});

Once nodeIntegration is enabled, you can then freely utilize the electron remote module for tasks like performing file operations using the fs module:

const { remote } = require('electron');
const fs = remote.require('fs');

fs.writeFile('ourDataStorage.txt', data, (err) => {
   if (err) throw err;
   console.log('File has been saved.');
});

Answer 2

To make use of the built-in node process in Electron, you must first enable nodeIntegration.

To do this in your main.js file, ensure to enable nodeIntegration:

app.on('ready', () => {
    mainWindow = new BrowserWindow({
        // ...
        webPreferences: {
            nodeIntegration: true,
        }
        // ...
    });
});

Once nodeIntegration is enabled, you can then freely utilize the electron remote module for tasks like performing file operations using the fs module:

const { remote } = require('electron');
const fs = remote.require('fs');

fs.writeFile('ourDataStorage.txt', data, (err) => {
   if (err) throw err;
   console.log('File has been saved.');
});

Utilize Electron to Connect with the Backend

Answer №1

Similar questions

The Node.js Express server fails to retrieve data after a certain period of time

What is the best way to effectively apply a mask within a PixiJS container so that its color does not display upon page refresh?

Ajax continues to repeatedly redirect to the PHP page

Extract JSON data from a JSON file referenced in another JSON file using C# programming language

Discovering which particular check in the Express Validator is causing the errors can be done by following these steps

Converting a JSON array into a Java HashMap with Jackson: A step-by-step guide

Implementing USB trigger for cash drawer in web development

Utilizing JavaScript in Selenium WebDriver, what's the procedure for extracting element information from a script tag?

Troubleshooting problem with resizing and links in IE11 for iframe-resizer

How to Perform a Successful MongoDB Query without Encountering the TypeError: Converting Circular Structure to JSON

Instructions on how to dynamically show specific text within a reusable component by utilizing React and JavaScript

The number range filter in ng-table is malfunctioning

Tomcat running on AWS ElasticBeanstalk does not support JSON input

Sorting Json Data Using Vue

The behavior of Ajax is resembling that of a GET method, even though its intended method

Is there a way to extract individual values from a for-each loop in JavaScript?

Troubleshooting issues with JavaScript progress bar functionality

An issue arises when ReactRouter's useLocation is utilized, causing React to throw

Each time input is entered, the JSON data is duplicated and the entered input is not visible on the screen

Black-colored backdrop for Mui modal