Tu primera ventana en Electron

Indice

¿Qué es electron?

Instalación

Iniciando proyecto

Programación

npm start

¿Qué es electron?

Electron es una plataforma para desarrollar aplicaciones de escritorio usando tecnologías web (HTML, CSS y JavaScript) creada y mantenida por Github.

Electron.js funciona creando dos tipos de procesos, Estos son creados con nodejs, estos vienen a ser nuestra aplicación en si misma, este proceso tiene acceso a varias API de Electron.js solo para este proceso que nos ayudan a comunicarnos con el bajo nivel del sistema operativo.

Instalación

Creamos nuestra carpeta donde estará el proyecto, y con npm iniciamos nuestro proyecto
npm init --yes

Ahora vamos con Electron, si vemos la página oficial de Electron: https://electronjs.org/ nos dice como instalarlo.

Abriendo nuestra terminal o CMD, escibimos npm -i electron

Iniciando proyecto

Ahora en nuestra carpeta creamos la siguiente estructura que manejaremos en nuestro proyecto.

Por último, en nuesto package.json, configuramos nuestro script para iniciar el proyecto con node

ponemos, "start": "electron src/index.js"

Programación

Ahora quizás estés confundido, vayamos por partes.

Aquí vamos a traer todos los modulos de nodejs que neccesitamos, primero

app: Será nuestra aplicación

BroserWindow: Es la ventana que vamos a crear

url: Tendrá la dirección de nuestro html que vamos a renderizar

path: Pasar la constante dirname para que sin importar el sistema operativo, la app funcione

___________________________________________________________________-

Electron nos pide que la ventana se guarde en una variable global, para que cuando sea cerrada, no afecte al rendimiento de la memoria.

_______________________________________________________________________

Creamos un callback que cuando la aplicación este corriendo, ejecute ciertas cosas. En este caso, mostrar la ventana

_______________________________________________________________________

Creamos nuestro objeto ventana

_______________________________________________________________________

Le pasamos el formato de nuestra dirección del archivo html

_______________________________________________________________________

Le pasamos el protocolo de que vamos a mostrar un archivo, y activamos los slashes

npm start

Ahora con correr el comando en la terminal npm start

Todo listo :D

Comentarios

Entradas más populares de este blog

3# Criptografía - Cifrado por sustitución Atbash

__ Indice __ ¿Qué es Atbash? Proceso de cifrado Proceso de descifrar Código Github ¿Qué es Atbash? Atbash es un método de cifrado para el alfabeto hebreo, por lo tanto entra en la clasificación de - Cifrado Clásico - se le conoce también como el método espejo, pues consiste en sustituir en la que la primera letra (A) será sustituida por la última (Z), la segunda por la penúltima (B - Y) y así sucesivamente. Proceso de cifrado Vayamos a probarlo, vamos a cifrar nuestra palabra de costumbre RegularWeb: R = I E = V G = T U = F L = O Resultado : IVTFOZIDVY A = Z R = I W = D E = V B = Y Proceso de descifrar Para descifrar es el mismo procedimiento. R = I E = V G = T U = F L = O Resultado : REGULARWEB A = Z R = I W = D E = V B = Y Código Github https://github.com/NeoTRAN001/Crypt

2# Criptografía - Polybios

__ Indice __ ¿Qué es Polybios? Proceso de cifrado Proceso de descifrar Código Github __ ¿Qué es Polybios? __ Es un sistema de cifrado en el que se coloca todo el alfabeto en una matriz, y cada letra tiene una posición en la que será convertida. Es considerado el algoritmo de cifrado más antiguo que se tiene registro •Su nombre se le da por el Historiador griego Polybios • Alrededor del año 150 a. C. __ Proceso de cifrado __ Bien, el proceso de cifrado es bastante fácil, tenemos nuestra matriz bidimensional , si queremos traducir el carácter - ? - nos da como resultado [ 0, 0 ] Y pues, eso es todo... Vayamos a cifrar la palabra Hola H = [4, 9] o = [1 , 9] l = [1, 5] a = [0, 4] Resultado: 49191504 __ Proceso de descifrar __ Ahora si queremos el proceso inverso, solamente tenemos, tenemos que mandarle las posiciones y este nos devolverá el carácter [4, 9] = H [1 , 9] = o [1, 5] = l [0

Sockets en C#

__ Índice __ ¿Qué son los sockets en programación? Ejemplo en C# Github __ ¿Qué son los socket en programación? __ Un socket es un método de comunicación entre un programa cliente y un servidor. Entonces podemos decir que los sockets, son el "tunel" de comunicación entre dos aplicaciones. __ Ejemplo en C# __ Servidor Creamos un nuevo proyecto en consola que será el código del servidor Importamos las librerías necesarias para los sockets Declaramos dos variables, una será la dirección del Server , ya que estamos haciendo todo en nuestra pc la dirección debe de ser la local, localhost o 127.0.0.1 La otra variable será el puerto de conexión, es recomendable seleccionar un puerto alto. Es por eso que las aplicaciones utilizan 8080 . Ahora tenemos que crear un objeto de tipo Socket, que nos pide tres parámetro: 1- Esquema del tipo de diccionario: AddressFamily.InterNetwork dice que utilizará una dirección IP

R3gularWeb

Buscar este blog