Configurando el entorno para construcción 2

Clase 43 de 52 • Curso de Electron: Apps de escritorio en Windows y Mac

Gilberth Arias Araya

student•

A ahora de correr el script “rpm run package” me da este error: ✖ Preparing native dependencies: 0 / 5
Por que pasa esto?

Ricardo Celis

teacher•

hola! qué versión de node tienes?
igual es npm no rpm puedes probar por ahi

Gilberth Arias Araya

student•

Gracias por tu Respuesta en realidad es “npm” fue un “dedazo” Node versión: v8.11.2

Gilberth Arias Araya

student•

también me da este error al empaquetar para Windows:"An unhandled rejection has occurred inside Forge:
Could not find “wine” on your system.

Wine is required to use the appCopyright, appVersion, buildVersion, icon, and
win32metadata parameters for Windows targets."

Gino Lorenzini Barrios

student•

Tienes que instalar “wine” en tu linux

Matias Niz

student•

Hola Adrian, no se cual sera el problema pero al generar el ejecutable en mac, al abrir desde finder el archivo ejecutable, inicia el programa pero no tiene ninguna funcionalidad, es mas, no carga siquiera el menu.

Matias Niz

student•

Usando el repositorio de github corre perfectamente, generando un ejecutable con los archivos que fui creando manualmente durante el curso no.
La unica diferencia, de mi codigo para con el suyo es que, cuando se exportan las funciones, estoy haciendo algo asi:

module.exports = {
  addImageEvents,
  changeImage,
  selectFirstImage,
  searchImagesEvent,
  selectEvent,
  clearImages,
  loadImages,
  print
}

Ya que el nombre de los parametros tienen el mismo nombre que las funciones, no harian falta repetirlos. Gracias a Babel?.. En desarrollo funciona bien, pero en produccion no, sera este el problema?

Diego Forero

Team Platzi•

No lanza ningún error la aplicación en producción, recuerda que puedes abrir la consola de chrome en la app ya terminada, esto puede ayudar a encontrar el problema que tienes.

Jhojan Garcia

student•

Por si a alguien le sirve: Al momento de generar un aplicativo para Linux (ubuntu) con npm run make, genera el .deb en la carpeta /out/make/. Cuando la aplicación requiere cargar imagenes o videos dinamicamente (por ejemplo desde el HDD de user con file://), no los va a mostrar porque electron solo carga los archivos que se compilen y esten dentro del paquete (Esto no pasa en ambiente de desarrollo). Para solucionar esto hice lo siguiente:

import { addBypassChecker } from 'electron-compile'
addBypassChecker((filePath) => {
  return /\.mp4/.test(filePath);
});

Con esto, todos los archivos mp4 que quiera cargar dinamicamente en tiempo de ejecución, por ejemplo así:

let tag = document.createElement('video')
tag.src = /path/to/video.mp4
tag.preload = "auto"
tag.controls = true
tag.autoplay = false
document.getElementById('someid').appendChild(tag)

Se van a ver bien.

daniel kant

student•

electron-packager

daniel kant

student•

npm package win

Cristian Iñiguez

student•

Si al abrir la app en DevTools les aparece Cannot find module ‘fs-extra’ vayan al archivo filters.js e importen fs-extra por fs.extra, empaquetan y ya funciona bien

Jbolivar Boken

student•

Hola Adrián, tengo un problema con una ruta local al empaquetar la app, me genera un error porque yo hago uso de una ruta externa en modo desarrollo (…/…/Source/eventos.xml), literal me salgo de la carpeta del proyecto porque esos recursos externos lo usa tambien otro programa, y cuando tengo la app empaquetada la ruta cambia (myApp.app/Contents/Resources/Source/eventos.xml). En realidad necesito hacer que la ruta busque la carpeta Source justo fuera de el archivo .app o de la carpeta generada al empaquetar si hablamos de Windows. Me podrías guiar con el tema de como darle la ruta correcta al empaquetar por fa?

Matias Niz

student•

An unhandled rejection has occurred inside Forge:
Could not find “wine” on your system.

Wine is required to use the appCopyright, appVersion, buildVersion, icon, and
win32metadata parameters for Windows targets.

Make sure that the “wine” executable is in your PATH.

See https://github.com/electron-userland/electron-packager#building-windows-apps-from-non-windows-platforms for details.
Error: Could not find “wine” on your system.

Wine is required to use the appCopyright, appVersion, buildVersion, icon, and
win32metadata parameters for Windows targets.

Make sure that the “wine” executable is in your PATH.

See https://github.com/electron-userland/electron-packager#building-windows-apps-from-non-windows-platforms for details.
at exports._errnoException (util.js:1020:11)
at Process.ChildProcess._handle.onexit (internal/child_process.js:193:32)
at onErrorNT (internal/child_process.js:367:16)
at _combinedTickCallback (internal/process/next_tick.js:80:11)
at process._tickCallback (internal/process/next_tick.js:104:9)

Matias Niz

student•

Instale Wine usando brew y funciono.

Marco Elizalde

student•

electron-forge package

Configurando el entorno para construcción 2

Introducción a Electron

Paso a paso para construi aplicaciones con Electron

¿Qué es Electron?

¿Cómo funciona Electron?

Herramientas necesarias

Comenzando con Electron

Creando nuestro proyecto

Nuestra primera ventana

Propiedades de una ventana de Electron

Comenzando con nuestro aplicativo

El frontend y Electron

Configurando nuestro frontend

Herramientas de desarrollo para Electron

Algunos frameworks recomendados

Construyendo el layout

Completar elementos del Layout

Agregando interacción a nuestra aplicación

JavaScript en el frontend

Selecciona imágenes

Buscar imágenes

Añadir filtros a la imagen

Comunicación entre procesos

Accesando recursos de la máquina

Leer archivos de directorios

Generar listas de imagenes

Refactor del proyecto

Usando el diálogo de guardar

Guardar imágenes en disco

Usando cajas de mensajes

Detectando errores

Interactuando con el sistema operativo

Organizando el código del proceso principal

Múltiples ventanas y comunicación entre ellas

Creando assets para una nueva ventana

Consideraciones para múltiples plataformas

Manejo de preferencias

Usuario y contraseña

Creando un ícono en la bandeja del sistema

Imprimiendo

Subir una imagen

Portapapeles con texto o imágenes

Emitiendo notificaciones

Agregando un Menú

Atajos

Protocolos personalizados

Generando un ejecutable para nuestra aplicación

A tener en cuenta para generar ejecutables

Configurando el entorno para construcción

Configurando el entorno para construcción 2

Personalizando nuestro ejecutable

Creando paquetes para distribuir nuestro aplicativo

Considerando instaladores para múltiples plataformas

Firmas digitales con Code Signing

Cierre del curso

Bonus

Integración continua

Escribiendo tests con Ava y Spectron

Desafios

Crear un filtro personalizado

Leer las imágenes ubicaciones remotas (Cloudup)

Previsualización de filtros