Platzi
Platzi

隆Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 17D : 10H : 38M : 20S

Debes tener cuenta en Platzi

Para ver esta clase abierta debes iniciar sesi贸n

Curso de Electron: Apps de escritorio en Windows y Mac

Curso de Electron: Apps de escritorio en Windows y Mac

platzerito18092018 platzerito18092018

platzerito18092018 platzerito18092018

Propiedades de una ventana de Electron7/52

C贸mo cargamos contenido a la ventana?, recuerda que estamos trabajando con una ventana de navegador, como es un navegador le podemos cargar archivos locales y archivos remotos, t茅cnicamente el comando es el mismo pero debemos considerar que cuando cargamos archivos remotamente dependemos de la red lo que puede retrasar un poco la carga de la informaci贸n. En 茅ste v铆deo Adrian nos ense帽a como manejar 茅ste 煤ltimo escenario.

me remont贸 al curso de angular 6, d贸nde se explica c贸mo embeber tu propia aplicaci贸n de angular con electron y adicionalmente, mediante electron-packager, crear tu paquete de instalaci贸n para diferentes sistemas operativos (windows, macOS, linux)

https://platzi.com/clases/1340-angular-avanzado/12799-creando-un-wrapper-para-desktop-usando-electron/

Intent茅 cargar un sitio web que hice en React hace un tiempo (HexCandy) en Electron con win.loadURL() pero no me aparece nada, est谩 en blanco, porqu茅 ser谩? Necesito integrar algo en el sitio para que sea compatible con Electron?

Tal vez sea por CORS pero no estoy seguro 馃

Estoy trabajando en Linux y la opci贸n 鈥渕aximizable: false鈥 del BrowserWindow no funciona. Por si le ocurre a alguien m谩s, he buscado en la documentaci贸n de Electron y confirma que no est谩 implementada para Linux.

En donde se ve ese c贸digo?

Profe una duda: 驴A que se refiere cuando dice escuchar?

estoy super motivado nuevamamente con este curso ,

todos los ejemplo de estan funcionado , exceletemente

Que tan rapido es electron vs otras aplicaciones que se dise帽an para escritorio?

Esa pagina que menciono no esta actualizada pero muy bueno鈥

馃挭

'use strict'

// Instanciando los Objetos app y BrowserWindopw
const { app, BrowserWindow } = require('electron')


// Realiza un dir de todo el contenido del objeto app
 // console.dir(app)

//Imprimiendo un Mensaje en la consola ante de salir
app.on('before-quit', ()=>{
	console.log('Saliendo...')
})

//Ejecuntado ordenes cuando la aplicacion esta lista

app.on('ready',() =>{

// Creando una Ventana
  let win=new BrowserWindow({
  	width: 800,
  	height:600,
  	title:'Hola Darwin Mundo',
  	center:true,
  	maximizable:false,
  	show:false
  })

  //enevento en on() se ejecuta multiple veces y once() una sola vez
  win.once('ready-to-show',()=>{
  	win.show()
  })

  //detectar el evento move 
  win.on('move',()=>{
  	const posicionVentana=win.getPosition()
  	console.log(`la posicion es ${posicionVentana}`)


  })

 //detectando el cierre de la ventana para cerra el aplicativo
  win.on('closed', ()=>{
  	win = null
  	app.quit()

  })

  // para cargar contenido a nuetra ventanas.
  win.loadURL('http://devdocs.io/')

})

la Primera vez tarda como un minuto parea cargar pero luego es rapida

Muchos de los elementos que cargue de una url no funcionan no carga bien el JS de la pagina saben algo sobre esto ?

No me acaba de fucnionar bien el evento 鈥榤ove鈥.
Printa varias posiciones de golpe (sin que haya dejado de mover la ventana) y luego el evento closed ya no lo detecta.

Aqu铆 el output:
PS C:\dev\electron\platziApp> npm run dev

[email protected] dev C:\dev\electron\platziApp
electron index.js

la posicion es 560,280
la posicion es 560,280
la posicion es 564,280
la posicion es 564,280
la posicion es 564,280
la posicion es 564,280
PS C:\dev\electron\platziApp> npm run dev

[email protected] dev C:\dev\electron\platziApp
electron index.js

saliendo鈥
PS C:\dev\electron\platziApp>

me remont贸 al curso de angular 6, d贸nde se explica c贸mo embeber tu propia aplicaci贸n de angular con electron y adicionalmente, mediante electron-packager, crear tu paquete de instalaci贸n para diferentes sistemas operativos (windows, macOS, linux)

https://platzi.com/clases/1340-angular-avanzado/12799-creando-un-wrapper-para-desktop-usando-electron/

Intent茅 cargar un sitio web que hice en React hace un tiempo (HexCandy) en Electron con win.loadURL() pero no me aparece nada, est谩 en blanco, porqu茅 ser谩? Necesito integrar algo en el sitio para que sea compatible con Electron?

Tal vez sea por CORS pero no estoy seguro 馃

Estoy trabajando en Linux y la opci贸n 鈥渕aximizable: false鈥 del BrowserWindow no funciona. Por si le ocurre a alguien m谩s, he buscado en la documentaci贸n de Electron y confirma que no est谩 implementada para Linux.

En donde se ve ese c贸digo?

Profe una duda: 驴A que se refiere cuando dice escuchar?

estoy super motivado nuevamamente con este curso ,

todos los ejemplo de estan funcionado , exceletemente

Que tan rapido es electron vs otras aplicaciones que se dise帽an para escritorio?

Esa pagina que menciono no esta actualizada pero muy bueno鈥

馃挭

'use strict'

// Instanciando los Objetos app y BrowserWindopw
const { app, BrowserWindow } = require('electron')


// Realiza un dir de todo el contenido del objeto app
 // console.dir(app)

//Imprimiendo un Mensaje en la consola ante de salir
app.on('before-quit', ()=>{
	console.log('Saliendo...')
})

//Ejecuntado ordenes cuando la aplicacion esta lista

app.on('ready',() =>{

// Creando una Ventana
  let win=new BrowserWindow({
  	width: 800,
  	height:600,
  	title:'Hola Darwin Mundo',
  	center:true,
  	maximizable:false,
  	show:false
  })

  //enevento en on() se ejecuta multiple veces y once() una sola vez
  win.once('ready-to-show',()=>{
  	win.show()
  })

  //detectar el evento move 
  win.on('move',()=>{
  	const posicionVentana=win.getPosition()
  	console.log(`la posicion es ${posicionVentana}`)


  })

 //detectando el cierre de la ventana para cerra el aplicativo
  win.on('closed', ()=>{
  	win = null
  	app.quit()

  })

  // para cargar contenido a nuetra ventanas.
  win.loadURL('http://devdocs.io/')

})

la Primera vez tarda como un minuto parea cargar pero luego es rapida

Muchos de los elementos que cargue de una url no funcionan no carga bien el JS de la pagina saben algo sobre esto ?

No me acaba de fucnionar bien el evento 鈥榤ove鈥.
Printa varias posiciones de golpe (sin que haya dejado de mover la ventana) y luego el evento closed ya no lo detecta.

Aqu铆 el output:
PS C:\dev\electron\platziApp> npm run dev

[email protected] dev C:\dev\electron\platziApp
electron index.js

la posicion es 560,280
la posicion es 560,280
la posicion es 564,280
la posicion es 564,280
la posicion es 564,280
la posicion es 564,280
PS C:\dev\electron\platziApp> npm run dev

[email protected] dev C:\dev\electron\platziApp
electron index.js

saliendo鈥
PS C:\dev\electron\platziApp>