JavaScript en el frontend

SI esto no les funciona deben agregar la integración de node en su ventana.
De esta forma:

 let win = new BrowserWindow({
    webPreferences: {
      nodeIntegration: true
    }
  })```

Actualización curso 2023

Cuando usamos Electron en el frontend tenemos acceso al API del navegador el API de Node.js, y el API de Electron.

Es decir podemos tener acceso a las propiedades del Sistema Operativo, lo que es una ventaja muy significativa comparado con el desarrollo de aplicaciones Web.

Notas

Activar la integración de node con el frontend no es recomendable. La integración da opciones al cliente (frontend) de ejecutar sentencias de código node mediante la terminal. La activación de estas opciones ha ido cambiando entre las versiones de Electron.

Con os podemos obtener información del sistema operativo. Información que nos ayuda a usar el potencial del computador o adecuar nuestra aplicación para administrar de manera adecuada sus recursos.

Electron hasta Version 6

El siguiente fragmento de código nos permite obtener información del hardware donde estamos corriendo nuestra aplicación.

import os from 'os'
window.addEventListener('load', () => {
	console.log(os.cpus())
})

Electron hasta la versión 8

Para agregar node en versiones hasta la 8 requiere activar su integración en las opciones de creación de la ventana.

function createMainWindow() {
  const win = new BrowserWindow({
    title: 'Images Resizes',
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  });

Electron versiones superior a la 8

Como habilitar la integración de node en las ventanas es un fallo de seguridad en versiones superior a la 8 es necesario desactivar las opciones de seguridad además de activar la activación de la integración de node.

function createMainWindow() {
  const win = new BrowserWindow({
    title: 'Images Resizes',
    width: isDev ? 800:1000,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false
    }
 });

No logre hacerlo funcionar en el devtools, pero si en la consola del node. Desde que empecé el curso que tengo problemas con requiere, const, etc. Ahora se hace diferente, y no encuentro ejemplos muy claros que me hagan entender como y cuando usar cada cosa. Este curso se viene cada vez más a pique, siendo tan importante electron hoy en día.

Genial!

Si están intentando replicar el ejemplo con React, la manera de realizarlo sería de la forma

let os = window.require('os')

es genial el poder usar todo el potencial de node tambien

excelente clase