Personalizando nuestro ejecutable

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

Romario Isai Torres Marroquin

student•

Tengo una duda, hay alguna manera de proteger el código fuente?, debido a que la aplicación se empaqueta en un .asar, se puede descomprimir y luego acceder al los archivos html, js etc. El método por Electron-Forge puede esconder el código? o existirá alguna forma de poder hacerlo o que quede todo dentro de un .exe o .app (en el caso de windows y mac)?

Rodrigo Carvalho

student•

Respuesta a: Personalizando nuestro ejecutable Hola que tal, me ha parecido muy padre el curso y ya hice mi primera aplicación electrón. Mi aplicación utiliza base de datos sqlite3. El problema que tengo es que al hacer el build con asar al parecer no encuentra el archivo .db . Alguien que me pueda ayudar?

Kevin Morales

student•

Muéstranos tu código para poder ayudarte mejor :)

Erik Elyager

student•

O en su defecto, el mensaje de error si es que te da alguno.

CESAR AUGUSTO TAPIAS SIERRA

student•

Tipo de Formatos necesários para los iconos de la aplicación:
.icns: Mac,
.png: Linux
.ico:windows

Rodrigo Carvalho

student•

Hola que tal, me ha parecido muy padre el curso y ya hice mi primera aplicación electrón. Mi aplicación utiliza base de datos sqlite3. El problema que tengo es que al hacer el build con asar al parecer no encuentra el archivo .db . Alguien que me pueda ayudar?

Matias Niz

student•

El icono de las notificaciones sigue siendo el de Electron, este como se podria modificar?

Gustavo Gonzalez

student•

para eso dentro de las opciones de notificacion tienes que colocar icon y la ruta de la imagen a ser mostrada ejemplo

var notification = new Notification("Platzipics"{
	body:"Esto es un mensaje de ejemplo",
	icon:"src/assets/icons/main-icon.png"
});

daniel kant

student•

ícono para linux (set up)

Personalizando nuestro ejecutable

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