Una de las ventajas de usar Electron es que al ser multiplataforma, no nos importa el sistema operativo sobre el que va a correr nuestra aplicación.
Sin embargo, a veces necesitamos que nuestro código se específico para un sistema operativo, por ejemplo, si vamos a usar la consola de comandos, o necesitamos recuperar información del sistema.
Tener que escribir múltiples ifs cada vez que queremos una funcionalidad de un sistema operativo concreto parece un trabajo excesivo. El código se vuelve rápidamente en algo difícil de analizar y comprender.
Para mantener el código claro y legible, podemos crear un pequeño ‘ayudante’ y eliminar los ifs y la lógica específica de cada sistema operativo.
Implementando plataformas
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
const os = require('os'); const platforms = { WINDOWS: 'WINDOWS', MAC: 'MAC', LINUX: 'LINUX', SUN: 'SUN', OPENBSD: 'OPENBSD', ANDROID: 'ANDROID', AIX: 'AIX', }; const platformsNames = { win32: platforms.WINDOWS, darwin: platforms.MAC, linux: platforms.LINUX, sunos: platforms.SUN, openbsd: platforms.OPENBSD, android: platforms.ANDROID, aix: platforms.AIX, }; const currentPlatform = platformsNames[os.platform()]; const findHandlerOrDefault = (handlerName, dictionary) => { const handler = dictionary[handlerName]; if (handler) { return handler; } if (dictionary.default) { return dictionary.default; } return () => null; }; const byOS = findHandlerOrDefault.bind(null, currentPlatform); // usage const whatIsHeUsing = byOS({ [MAC]: username => `Hi ${username}! You are using Mac.`, [WINDOWS]: username => `Hi ${username}! You are using Windows.`, [LINUX]: username => `Hi ${username}! You are using Linux.`, default: username => `Hi ${username}! You are using something different.`, }); console.log(whatIsHeUsing('Maciej Cieslar')); // => Hi Maciej Cieslar! You are using Mac. |
Primero, vemos el objecto platforms que contiene los nombres de todos los sistemas operativos soportados. Se hace tan sólo por convenio. Entonces podemos usar platforms.WINDOWS en lugar de teclear ‘WINDOWS’ cada vez en nuestro objeto con handlers que pasamos a la función byOS.
Además, fíjate en el objeto PlatformsNames. Las claves son el resultado de llamar a os.platform(). Los valores son las claves del objeto platform. Sencillamente lo mapeamos a un nombre más sencillo.
Por ejemplo, cuando os.platform() devuelve win32, lo mapeamos a platform.WINDOWS llamando a platformsNames[os.platform()].
En currentPlatform, guardamos la plataforma usada ahora mismo, de modo que podemos relacionarlo con cualquier objeto con sus ‘handlers’.
Implementando lanzamientos
Podríamos ir incluso más lejos y diferenciar entre lanzamientos de un mismo sistema operativo, por ejemplo, Windows 7, 8 o 10.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
const os = require('os'); const releaseTest = { [platforms.WINDOWS]: (version) => { const [majorVersion, minorVersion] = version.split('.'); // Windows 10 (10,0) if (majorVersion === '10') { return releases.WIN10; } // Windows 8.1 (6,3) // Windows 8 (6,2) // Windows 7 (6,1) if (majorVersion === '6') { if (minorVersion === '3' || minorVersion === '2') { return releases.WIN8; } return releases.WIN7; } return releases.WIN7; }, [platforms.MAC]: () => releases.ANY, [platforms.LINUX]: () => releases.ANY, }; const currentRelease = releaseTest[currentPlatform](os.release()); const byRelease = findHandlerOrDefault.bind(null, currentRelease); // usage const whatWindowsIsHeUsing = byOS({ [WINDOWS]: byRelease({ [WIN7]: username => `Hi ${username}! You are using Windows 7.`, [WIN8]: username => `Hi ${username}! You are using Windows 8.`, [WIN10]: username => `Hi ${username}! You are using Windows 10.`, }), }); console.log(whatWindowsIsHeUsing('Maciej Cieslar')); // => Hi Maciej Cieslar! You are using Windows 7. |
Ahora podemos usar os.release() para comprobar el lanzamiento (o versión) del sistema.
Podemos dividir la cadena resultante y comprobar la versión de Windows. Aquí podéis encontrar una lista completa. Para Linux/Mac, no acabo de ver la utilidad de esto, así que he dejado releases.ANY.
En whatWindowsIsHeUsing puedes ver que sólo comprobamos las diferentes versiones de Windows si ejecutamos la aplicación en este sistema operativo.
Pues ver el código completo en este repositorio.
¡Gracias por tu tiempo! Si tienes ideas acerca de como generar código específico para un sistema operativo, puedes compartirlas más abajo.
Si tienes comentarios o preguntas, puedes dejarlas en la sección de comentarios o puedes enviármelas.
Visita mis redes sociales
¡Únete a mi lista de correo!
Nota: puedes encontrar el artículo original en https://medium.freecodecamp.org/how-to-write-os-specific-code-in-electron-bf6379c62ff6