Display the variable from .js to .html in electron | electronjs.org | Page 1

lapis ice Sep 12, 2023, 3:19 PM

#

Same as on browser

ancient idol Sep 12, 2023, 3:21 PM

#

lapis ice Same as on browser

I don't know how to do it

lapis ice Sep 12, 2023, 3:22 PM

#

So what you expect then?

#

Complete code?

ancient idol Sep 12, 2023, 3:23 PM

#

idea

lapis ice Sep 12, 2023, 3:23 PM

#

If you supposed to use electron you need nodejs/web knowledge

#

https://www.electronjs.org/docs/latest/tutorial/ipc#pattern-3-main-to-renderer

Inter-Process Communication | Electron

Use the ipcMain and ipcRenderer modules to communicate between Electron processes

ancient idol Sep 17, 2023, 5:48 PM

#

trades.js

#

main.js

#

html

#

what I`m doing wrong?

lapis ice Sep 17, 2023, 5:49 PM

#

where is preload file?

ancient idol Sep 17, 2023, 5:49 PM

#

lapis ice Sep 17, 2023, 5:49 PM

#

this is the issue

ancient idol Sep 17, 2023, 5:49 PM

#

What I need to add?

lapis ice Sep 17, 2023, 5:50 PM

#

have you seen example from link above?

ancient idol Sep 17, 2023, 5:51 PM

#

yeah, but I don't understand it

lapis ice Sep 17, 2023, 5:51 PM

#

what exactly?

ancient idol Sep 17, 2023, 5:54 PM

#

example different from what I nedd

lapis ice Sep 17, 2023, 5:54 PM

#

its example

ancient idol Sep 17, 2023, 5:54 PM

#

added this, still same error

lapis ice Sep 17, 2023, 5:54 PM

#

have you change your code after that change?

#

https://www.electronjs.org/docs/latest/tutorial/ipc#understanding-context-isolated-processes

Inter-Process Communication | Electron

Use the ipcMain and ipcRenderer modules to communicate between Electron processes

ancient idol Sep 17, 2023, 5:55 PM

#

I reloaded app

#

how to change it so it will always listen ?

#

or every second

lapis ice Sep 17, 2023, 6:00 PM

#

this is button click event

ancient idol Sep 17, 2023, 6:01 PM

#

I understand

#

but how to do always listener ?

lapis ice Sep 17, 2023, 6:01 PM

#

what always listener means?

#

and for what?

ancient idol Sep 17, 2023, 6:02 PM

#

to check renderer every second

lapis ice Sep 17, 2023, 6:02 PM

#

how do you listen before?

ancient idol Sep 17, 2023, 6:03 PM

#

Im not

lapis ice Sep 17, 2023, 6:03 PM

#

O_o

#

how familiar you with nodejs/js?

ancient idol Sep 17, 2023, 6:04 PM

#

noob.

lapis ice Sep 17, 2023, 6:05 PM

#

how you supposed to use electron then?

golden arrow Sep 17, 2023, 6:09 PM

#

I think it's another "spoon story", as you would put it

ancient idol Sep 17, 2023, 6:11 PM

#

thx

#

problem was here btw

lapis ice Sep 17, 2023, 6:19 PM

#

no

#

its not a problem

ancient idol Sep 17, 2023, 6:19 PM

#

why the error gone then?

lapis ice Sep 17, 2023, 6:19 PM

#

you disable security feature

#

sadly

golden arrow Sep 17, 2023, 6:21 PM

#

:/

ancient idol Sep 18, 2023, 8:42 AM

#

I did it, but with

      contextIsolation: false,
}```

#

I deleted const { ipcRenderer } = require('electron'); from trades.js file

#

it work but with disabled security feature

#

#

in main.js

#

trades.js

#

how to do it correctly with enabled security feature ?

#

what I shoud add to preload ?

lapis ice Sep 18, 2023, 8:45 AM

#

by using preload file

ancient idol Sep 18, 2023, 8:45 AM

#

what I shoud add to preload ?

lapis ice Sep 18, 2023, 8:46 AM

#

have you read docs anout preload file?

#

https://www.electronjs.org/docs/latest/tutorial/process-model#preload-scripts

Process Model | Electron

Electron inherits its multi-process architecture from Chromium, which makes the framework architecturally very similar to a modern web browser. This guide will expand on the concepts applied in the tutorial.

#

this one?

ancient idol Sep 18, 2023, 8:51 AM

#

yeah, but I don't understand what I should send from preload file to the main file

lapis ice Sep 18, 2023, 8:52 AM

#

preload file used to make a bridge

#

between renderer and main

ancient idol Sep 18, 2023, 8:52 AM

#

ohh

lapis ice Sep 18, 2023, 8:52 AM

#

with preload you can extends renderer

#

#

like this one

#

https://www.electronjs.org/docs/latest/tutorial/ipc

Inter-Process Communication | Electron

Use the ipcMain and ipcRenderer modules to communicate between Electron processes

ancient idol Sep 18, 2023, 8:54 AM

#

yeah, i m looking at it right now

#

i need some time to understand

ancient idol Sep 18, 2023, 9:25 AM

#

did like this

#

but it did't work

lapis ice Sep 18, 2023, 9:26 AM

#

what didnt work?

ancient idol Sep 18, 2023, 9:28 AM

#

still same errors

lapis ice Sep 18, 2023, 9:28 AM

#

you cant use require

#

thats why you have preload

ancient idol Sep 18, 2023, 9:30 AM

#

deleted const { ipcRenderer } = require('electron');

#

lapis ice Sep 18, 2023, 9:30 AM

#

yeah

#

correct

#

use api you exposed via preload

ancient idol Sep 18, 2023, 9:31 AM

#

ohh

#

moved this from trades.js to preload

#

I need use import ?

lapis ice Sep 18, 2023, 9:37 AM

#

for what?

ancient idol Sep 18, 2023, 9:37 AM

#

to get variable from preload

lapis ice Sep 18, 2023, 9:37 AM

#

no

ancient idol Sep 18, 2023, 9:38 AM

#

so how I need to move api from trades.js to preload ?

lapis ice Sep 18, 2023, 9:38 AM

#

you cant move it

#

if you move dependency into preload

#

you should work with them in preload

ancient idol Sep 18, 2023, 9:39 AM

#

lapis ice use api you exposed via preload

how I need to do it?

lapis ice Sep 18, 2023, 9:39 AM

#

#1151174409655160933 message

#

do you understand what preload is?

ancient idol Sep 18, 2023, 9:40 AM

#

yes

#

but I dont understand how to fix these errors

lapis ice Sep 18, 2023, 9:41 AM

#

do you know what those errors means?

ancient idol Sep 18, 2023, 9:41 AM

#

no

lapis ice Sep 18, 2023, 9:41 AM

#

do you know what reference is?

ancient idol Sep 18, 2023, 9:42 AM

#

yes

lapis ice Sep 18, 2023, 9:42 AM

#

do you know what value is?

#

or variable

ancient idol Sep 18, 2023, 9:43 AM

#

this ?

lapis ice Sep 18, 2023, 9:43 AM

#

there are many things on this image

#

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ReferenceError

ReferenceError - JavaScript | MDN

The ReferenceError object represents an error when a variable that doesn't exist (or hasn't yet been initialized) in the current scope is referenced.

#

your errors means that varaibles ipcRenderer and require is not defined

#

becase require is not usable in browser/renderer code by default

#

and you cant use require at all

#

if you cant use require electron you cant require ipcRenderer and use it

#

thats why you have preload file

#

where you have require

#

and can use it

#

with ipcRenderer

#

and you have contextBridge to extends renderer code with some api

ancient idol Sep 18, 2023, 9:46 AM

#

so it mean my preload file is not correct ?

lapis ice Sep 18, 2023, 9:47 AM

#

you renderer code is not correct

#

becase you still trying to use old code

ancient idol Sep 18, 2023, 9:51 AM

#

don't get it

#

what old code?

lapis ice Sep 18, 2023, 9:52 AM

#

you have old code with ipcRenderer and require in index.html and trades.js files

ancient idol Sep 18, 2023, 9:53 AM

#

I cant use ipcRenderer.send in trades.js ?

lapis ice Sep 18, 2023, 9:54 AM

#

no

ancient idol Sep 18, 2023, 9:54 AM

#

can't or can ?

lapis ice Sep 18, 2023, 9:54 AM

#

you cant

#

but you can use api you create with contextBridge

ancient idol Sep 18, 2023, 10:07 AM

#

but firstly I need to edit my preload file correctly

#

I need ipcRenderer.send in preload ?

#

and sent variable from trades.js to preload via preload apis ?

lapis ice Sep 18, 2023, 10:09 AM

#

You already have ipcRenderer.send in preload

ancient idol Sep 18, 2023, 10:10 AM

#

is it correct ?

lapis ice Sep 18, 2023, 10:11 AM

#

Yes

#

Exposing ipc channel is not recommended

ancient idol Sep 18, 2023, 10:16 AM

#

okay, but what I need to do in html ?

lapis ice Sep 18, 2023, 10:16 AM

#

Same thing?

ancient idol Sep 18, 2023, 10:16 AM

#

ancient idol Sep 18, 2023, 10:17 AM

#

lapis ice Same thing?

electronApi.get ?

golden arrow Sep 18, 2023, 10:19 AM

#

don't use require in the renderer

ancient idol Sep 18, 2023, 10:20 AM

#

i dont

lapis ice Sep 18, 2023, 10:20 AM

#

What data is?

golden arrow Sep 18, 2023, 10:20 AM

#

ancient idol i dont

You do, or else you wouldn't have this error

ancient idol Sep 18, 2023, 10:21 AM

#

lapis ice What data is?

topValues I think

ancient idol Sep 18, 2023, 10:22 AM

#

golden arrow You do, or else you wouldn't have this error

what I should do with this ?

#

these are the only require I use in trades.js

lapis ice Sep 18, 2023, 10:26 AM

#

Remove it

ancient idol Sep 18, 2023, 10:27 AM

#

I can't, then code wouldn't work

lapis ice Sep 18, 2023, 10:27 AM

#

Its doesn't work because if require as well

#

If you wanted to work with it move your code into preload

ancient idol Sep 18, 2023, 10:37 AM

#

but then preload file would be so big

#

can I somehow move it to preload and then use it in trades from preload ?

lapis ice Sep 18, 2023, 10:44 AM

#

you can require trades in preload

ancient idol Sep 18, 2023, 10:45 AM

#

how?

lapis ice Sep 18, 2023, 10:45 AM

#

with require()

ancient idol Sep 18, 2023, 10:46 AM

#

lapis ice you can require trades in preload

what u mean ?

lapis ice Sep 18, 2023, 10:46 AM

#

do you know what require() is?

ancient idol Sep 18, 2023, 10:46 AM

#

I think

#

it is like import

lapis ice Sep 18, 2023, 10:47 AM

#

what import is?

ancient idol Sep 18, 2023, 10:48 AM

#

get something from somewhere

lapis ice Sep 18, 2023, 10:48 AM

#

so

#

you can get something with require

ancient idol Sep 18, 2023, 10:49 AM

#

whole trades.js file ?

lapis ice Sep 18, 2023, 10:49 AM

#

whole file

ancient idol Sep 18, 2023, 10:49 AM

#

but I will still use require in trades.js

lapis ice Sep 18, 2023, 10:49 AM

#

https://nodejs.org/api/modules.html#modules-commonjs-modules

#

if you require trades in preload

#

require is not an issue

ancient idol Sep 18, 2023, 11:18 AM

#

added const trades = require('./trades.js'); to preload, but still have errors

golden arrow Sep 18, 2023, 11:19 AM

#

https://www.electronjs.org/docs/latest/tutorial/sandbox

Process Sandboxing | Electron

One key security feature in Chromium is that processes can be executed within a sandbox. The sandbox limits the harm that malicious code can cause by limiting access to most system resources — sandboxed processes can only freely use CPU cycles and memory. In order to perform operations requiring additional privilege, sandboxed processes use dedi...

lapis ice Sep 18, 2023, 11:19 AM

#

remove trades.js from html file

#

at first

#

2nd

#

you dont have data value to use it

ancient idol Sep 18, 2023, 11:21 AM

#

I think I don't have data because of this

lapis ice Sep 18, 2023, 11:22 AM

#

no

ancient idol Sep 18, 2023, 11:22 AM

#

ancient idol I think I don't have data because of this

okay, but how to fix it?

lapis ice Sep 18, 2023, 11:23 AM

#

require ipcRenderer

#

from electron

#

and use it instead of electronAPI

ancient idol Sep 18, 2023, 11:28 AM

#

also use ipcRenderer in html ?

lapis ice Sep 18, 2023, 11:28 AM

#

no

ancient idol Sep 18, 2023, 11:42 AM

#

but what I need to do with html ?

#

only 1 error left

lapis ice Sep 18, 2023, 11:43 AM

#

=/

#

#1151174409655160933 message

ancient idol Sep 18, 2023, 11:44 AM

#

what use instead ?

golden arrow Sep 18, 2023, 11:45 AM

#

have you followed IPC tutorial?

lapis ice Sep 18, 2023, 11:45 AM

#

used for what?

ancient idol Sep 18, 2023, 11:45 AM

#

lapis ice used for what?

to display variable in html

lapis ice Sep 18, 2023, 11:45 AM

#

do you have variable to display?

ancient idol Sep 18, 2023, 11:46 AM

#

topValues from trades

lapis ice Sep 18, 2023, 11:46 AM

#

how it supposed to be in html?

#

what topValues is?

ancient idol Sep 18, 2023, 11:47 AM

#

before I used ipcRender to display data from main.js

lapis ice Sep 18, 2023, 11:47 AM

#

you used ipcRenderer to get it

ancient idol Sep 18, 2023, 11:48 AM

#

okay, how to get it without iprRenderer ?

lapis ice Sep 18, 2023, 11:48 AM

#

i dont know?

#

there are many ways to get it

#

its your code

#

not mine

ancient idol Sep 18, 2023, 11:49 AM

#

lapis ice there are many ways to get it

for example ?

lapis ice Sep 18, 2023, 11:49 AM

#

from where?

#

why do you need ipcRenderer?

#

if you dont have anything in main?

ancient idol Sep 18, 2023, 11:50 AM

#

lapis ice if you dont have anything in main?

I have this

lapis ice Sep 18, 2023, 11:51 AM

#

do you know what this code do?

ancient idol Sep 18, 2023, 11:51 AM

#

send data

lapis ice Sep 18, 2023, 11:51 AM

#

from where?

ancient idol Sep 18, 2023, 11:51 AM

#

from trades.js

lapis ice Sep 18, 2023, 11:51 AM

#

and send data to?

ancient idol Sep 18, 2023, 11:52 AM

#

lapis ice and send data to?

idk

lapis ice Sep 18, 2023, 11:52 AM

#

so what you expect me to answer then?

#

if you cant tell me what do you want?

ancient idol Sep 18, 2023, 11:53 AM

#

lapis ice if you cant tell me what do you want?

display topValues from trades.js in .html

lapis ice Sep 18, 2023, 11:54 AM

#

how do you get topValues in trades?

ancient idol Sep 18, 2023, 11:54 AM

#

from binance api and webSocket

lapis ice Sep 18, 2023, 11:55 AM

#

show me the code

ancient idol Sep 18, 2023, 11:56 AM

#

📎 trades2.js

lapis ice Sep 18, 2023, 12:00 PM

#

#1151174409655160933 message

#

you can use this code in trades.js

ancient idol Sep 18, 2023, 12:03 PM

#

lapis ice Sep 18, 2023, 12:06 PM

#

why do you add script into html file?

ancient idol Sep 18, 2023, 12:07 PM

#

now 2 errors

lapis ice Sep 18, 2023, 12:08 PM

#

data is not defined

#

you need to fix it

ancient idol Sep 18, 2023, 12:12 PM

#

cant I just use only getElementById somehow ?

lapis ice Sep 18, 2023, 12:12 PM

#

you can

ancient idol Sep 18, 2023, 12:13 PM

#

I tried it before but it didn't work

#

bruh

#

it work

#

oh

#

it didn't work because of preload

#

It needed to require trades.js

#

all these days I only had to add 1 line of code despair

#

@lapis ice Thank you

lapis ice Sep 18, 2023, 12:22 PM

#

nope

#

not only 1 line of code

ancient idol Sep 18, 2023, 12:22 PM

#

wait, why this happened?

lapis ice Sep 18, 2023, 12:23 PM

#

becase it cant load source map

ancient idol Sep 18, 2023, 12:25 PM

#

lapis ice not only 1 line of code

why not?

lapis ice Sep 18, 2023, 12:25 PM

#

becase it doesnt exists

ancient idol Sep 18, 2023, 12:26 PM

#

what doesnt exists?

lapis ice Sep 18, 2023, 12:26 PM

#

source maps

ancient idol Sep 18, 2023, 12:36 PM

#

so I can ignore it ?

ancient idol Sep 18, 2023, 12:37 PM

#

lapis ice not only 1 line of code

and why not only 1 line of code

lapis ice Sep 18, 2023, 12:37 PM

#

because you have 246 msg post to explain you what to do

#

for basic stuff

ancient idol Sep 18, 2023, 12:38 PM

#

lapis ice because you have 246 msg post to explain you what to do

I explaned all in the title..

lapis ice Sep 18, 2023, 12:39 PM

#

do you understand what you did?

ancient idol Sep 18, 2023, 12:41 PM

#

yes

#

I was looking for help

lapis ice Sep 18, 2023, 12:41 PM

#

you was looking for a teacher

#

if you supposed to use electron you should know nodejs and web

#Display the variable from .js to .html in electron