Non hai moito tempo era imposible crear unha aplicación de escritorio con JavaScript. Afortunadamente, estes tempos pasaron, e agora os desenvolvedores JS poden usar o seu coñecemento e experiencia no desenvolvemento web para crear aplicacións de escritorio cun aspecto nativo.
Como sempre, é máis fácil dicilo. Mentres realizamos a nosa investigación, decatámosnos / decatámonos de que hai moita confusión sobre como se crean as aplicacións de escritorio de JavaScript e como funcionan. Tamén é moi difícil atopar as ferramentas correctas para usar nun proxecto.
Neste artigo, temos unha ollada máis atenta aos marcos de traballo de JavaScript máis coñecidos para aplicacións de escritorio.
Electron
Electron é un marco de código aberto inicialmente construído por GitHub para o editor Atom en 2013. Esta biblioteca permítelle crear aplicacións GUI de escritorio con tecnoloxías web como JavaScript, HTML e CSS.
As aplicacións de escritorio electrónica compórtanse como aplicacións web, pero poden ler e escribir datos no sistema de ficheiros de ordenador. Hai moitas aplicacións de escritorio populares construídas con electróns no mercado, por exemplo, Skype para Linux ou Slack.
A importante vantaxe desta solución é que non hai necesidade dun desarrollador web de JavaScript para aprender novas tecnoloxías ou linguaxe para construír unha aplicación de escritorio. A aplicación de electróns normalmente é reutilizada a lóxica empresarial, o deseño ea estrutura xeral dunha aplicación web. É unha boa forma de aforrar tempo e diñeiro no lado da empresa e ao desenvolvemento.
Se vostede é un desarrollador de JavaScript, terá que aprender cousas relativamente sinxelas sobre como funciona o electrón e as súas API. Probablemente, pode configurar a súa primeira aplicación de escritorio de electróns en poucos días.
Electron é unha tecnoloxía madura cunha comunidade crecente e, polo tanto, constitúe un gran ambiente de produción. Grazas á renderización da interface de usuario do motor de Chromium, terá acceso a ferramentas como ferramentas de desenvolvedor e acceso ao almacenamento.
nw.js
O seguinte na nosa lista de mellores Marcos JavaScript para aplicacións de escritorio, é nw.js, anteriormente coñecido como nodo-webkit. Foi construído no Centro de Tecnoloxía Intel Open Source combinando o marco de Node.js cun motor de cromo (anteriormente coñecido como WebKit).
Grazas á combinación de node.js e cromo, pode construír un Aplicación que non só carga un sitio web local nunha xanela de aplicación, senón que tamén se conecta ao sistema operativo a través da API de JavaScript. Esta solución permite controlar os parámetros como as dimensións das fiestras, a barra de ferramentas e os elementos do menú e proporciona acceso aos ficheiros de ordenador locais.
nw.js non ten opinión e dálle liberdade para elixir a Estruturas e bibliotecas que desexa usar nun proxecto. Permite chamar os módulos Node.js directamente do DOM, soporta todas as funcionalidades do navegador, ofrece protección de fonte JavaScript e está dispoñible para Linux, Mac OS e Windows.
Appjs
AppJs é unha ferramenta sinxela pero potente que pode usar para crear aplicacións multiplataforma sen necesidade de aprender novas linguas. Do mesmo xeito que as outras bibliotecas mencionadas hoxe, está ben, sempre que estea familiarizado con HTML, CSS e JavaScript.
Aínda que sexa a estrutura máis antiga de nodo.js-Chromium do trío AppJs, Electron e NW. JS, non é tan maduro como a súa competencia. Porque perdeu o seu impulso, pode que non sexa a mellor opción para novos proxectos.
Meteor
Meteor é anunciado como “a forma máis rápida de crear aplicacións de JavaScript”, un “aberto Plataforma de orixe para web, móbil e escritorio “. Este marco multiplatform escrito en node.js pode ser usado para crear aplicacións web, móbiles e de escritorio.
Aínda que non constrúe aplicacións de escritorio por conta propia, pode usarse con Córdoba ou outras ferramentas similares para producir eles. Use Mongodb, protocolo de datos distribuído e un patrón de suscripción de publicación para os cambios de auto-pago sen interferencia do desarrollador. Ten módulos de front-end e back-end, incluíndo API, ferramentas de construción, paquetes de node.js.
Proton Native
Proton Native é un novo lanzamento.Foi dispoñible en Github nos primeiros meses de 2018. O que fai Proton Native para o desenvolvemento das aplicacións de escritorio é similar ao que reacciona nativa realizou para teléfonos móbiles.
O que o fai un dos mellores Os marcos de JavaScript para aplicacións de escritorio é que lle permite xestionar o estado e crear interfaces de usuario sen problemas ao facelo en varias plataformas. Funciona de forma moi diferente do electrón, executando un navegador completo de Chrome para xestionar unha pequena interface gráfica de usuario. Doutra banda, Proton Native usa ferramentas nativas, ocupa menos espazo e necesita menos recursos.
Esta solución ten outras vantaxes: use a mesma sintaxe que reacciona nativa, traballa con React Bibliotecas, incluíndo Redux e é compatible con Node .js.
Proton Native é un dos marcos de JavaScript para aplicacións de escritorio.
En resumo, os marcos de JavaScript para aplicacións de escritorio poden dividirse en tres categorías:
Marcos que producen aplicacións de escritorio aloxadas nos navegadores web, baseados en node.js e cromo (electrón, n.js, aplicacións).
Marcos que deben ser utilizados con ferramentas similares ás de Córdoba (Meteor).
Marcos que usan compoñentes realmente nativos para construír unha aplicación de escritorio (Proton nativa).
Depende de ti que elixes e depende principalmente do tipo de proxecto que desenvolves.
Janeth Kent
Licenciatura en Belas Artes e programador por paixón. Cando teño un tempo volvo as fotos, edita vídeos e cousas de deseño. O resto da época que escribo no desenvolvemento de fin de deseño web.
Artigos relacionados
Por que os desenvolvedores de JavaScript deben preferir os axios a buscar
Por que os desenvolvedores de Javascript deben preferir Fetchen Axios O meu artigo anterior “, usando a API de busca para facer chamadas AJAX”, falei sobre os fundamentos da API de busca …
Creación dun sinxelo Spinner-Loader CSS
No artigo de hoxe mostraremos como fomentar un cargador básico que xira cando se define algunha acción predefinida, como cargar un image. Que se pode empregar nun sitio …
o mellor selector de datas para o bootstrap e a súa aplicación
Seleccións de data Son widgets que permiten aos usuarios escoller unha única data ou unha gama de datas e horas. É un elemento habitual para todos os usuarios de Internet, …
Validación de formularios HTML usando Bulma e Vanilla Javascript
hoxe Vaia a escribir sobre os formularios de contacto e como validalos usando JavaScript. O formulario de contacto parece ser unha das principais características de cada páxina web básica. É …
Como usar o efecto paralaxe.js no seu sitio web
Hoxe imos escribir sobre O efecto da paralaxe, semellante ao desprazamento da paralaxe e como implementala para mellorar a túa páxina de aterraxe. En WebDev, din que primeiro o móbil …
Usando a apretación API para facer chamadas AJAX – unha promesa cumprida
Este artigo que falamos sobre o que as chamadas AJAX son e como usalas tradicionalmente, usando o obxecto XMLttPRequest (XHR). En resumo, grazas a AJAX chama a …
Modo escuro escuro con CSS e JS
Recentemente escribimos sobre Como facer unha cor alternativa intercambiable ou o modo de cor, unha característica moi útil e popular para sitios web. O artigo de hoxe tratará …
Modo escuro no sitio web usando CSS e JavaScript
No artigo de hoxe imos Aprende a construír máis ou menos estándar estes días nas páxinas web e que é o modo de cor alternativo e …
JavaScript: os operadores estendéronse e descanso
No artigo de hoxe imos falar sobre a versión ES6 de JavaScript (ECMASCRIPT 2015) que é o operador de esparcidor como o operador de descanso …
Cookies HTTP: como funcionan e como usalos
Hoxe imos escribir sobre a forma de almacenar datos nun navegador, por que os sitios usan cookies e como eles Traballa en detalle. Continúe lendo para descubrir como implementalos …
todas as funcións e métodos de JavaScript para manexar as matrices
Este artigo mostrará as funcións prominentes da matriz S por javascript, incluíndo .Map (), filtro () e.Reducir (), e logo pasará por exemplos de casos en que. Cada () …
como construír un mellor nivel de alto nivel Compoñentes (compoñentes de orde superior) con Vue 3
Vue 3 pronto será lanzado coa introdución da API de composición (API de composición). Vén con moitos cambios e melloras no rendemento. Compoñentes de alta orde (hoc …
Mensaxe
Utilizamos cookies propias e de terceiros para mellorar os nosos servizos, desenvolver información estatística e analizar os seus hábitos de navegación. Isto permítenos personalizar o contido que ofrecemos e mostrarlle publicidade relacionada coas súas preferencias. Prema en ‘Acepta todos’ Vostede acepta o almacenamento de cookies no seu dispositivo para mellorar a navegación no sitio web, analizar o tráfico e axudar nas nosas actividades de marketing. Tamén pode seleccionar “só cookies do sistema” para aceptar só as cookies necesarias para a web a traballo ou pode seleccionar as cookies que desexa activar premendo en “Configuración”
Aceptar a configuración de cookies do sistema
xestionar preferencias de consentimento
cookies estrictamente necesarias
Estas cookies son necesarias para que o sitio web funcione e non pode ser desactivado nos nosos sistemas. Normalmente, só están configurados en resposta ás súas accións realizadas ao solicitar servizos, como establecer as súas preferencias de privacidade, iniciar sesión ou completar formularios. Pode configurar o seu navegador para bloquear ou alertar estas cookies, pero algunhas áreas do sitio non funcionarán. Estas cookies non almacenan ningunha información de identificación persoal.
cookies de rendemento
Estas cookies permítennos contar connosco Visitas e fontes de tráfico para avaliar o rendemento do noso sitio e melloralo. Eles nos axudan a saber cales son as páxinas menos ou menos visitadas e como os visitantes navegan no sitio. Toda a información que recolle estas cookies engádese e, polo tanto, é anónima. Se non permite usar estas cookies, non saberemos cando visitou o noso sitio e non podemos avaliar se funcionou correctamente.
Estas cookies permiten ao sitio proporcionar unha mellor funcionalidade e personalización. Poden ser establecidos pola nosa empresa ou por provedores externos cuxos servizos engadimos ás nosas páxinas. Se non permite que use estas cookies, algúns destes servizos poden non funcionar correctamente.
cookies dirixidas
Estas cookies pódense establecer a través do noso sitio polos nosos socios publicitarios. Poden ser utilizados por aquelas empresas para crear un perfil dos seus intereses e mostrar anuncios relevantes noutros sitios. Non almacenan directamente información persoal, senón que están baseadas na identificación única do seu navegador e dispositivo de Internet. Se non permite usar estas cookies, verá menos publicidade dirixida.