qual
No fa gaire temps era impossible crear una aplicació d’escriptori amb JavaScript. Afortunadament, aquests temps han passat, i ara els desenvolupadors de JS poden utilitzar els seus coneixements i experiència en desenvolupament web per crear aplicacions d’escriptori amb un aspecte natiu.
Com sempre, és més fàcil dir que fer-ho. Mentre realitzàvem la nostra investigació, ens vam adonar que hi ha molta confusió sobre com es creen realment les aplicacions d’escriptori JavaScript i com funcionen. També és força difícil trobar les eines adequades per utilitzar en un projecte.
En aquest article, fem una ullada més de prop als 5 frameworks de treball de JavaScript més coneguts per a aplicacions d’escriptori.
Electron
Electron és un framework de codi obert construït inicialment per GitHub per a l’editor Atom en 2013. Aquesta biblioteca li permet crear aplicacions GUI d’escriptori amb tecnologies web com JavaScript, HTML i CSS.
Les aplicacions d’escriptori Electron es comporten com aplicacions web, però poden llegir i escriure dades en el filesystem de l’ordinador. Hi ha moltes aplicacions d’escriptori populars construïdes amb Electron al mercat, per exemple, Skype per a Linux o Slack.
L’avantatge significativa d’aquesta solució és que no hi ha necessitat d’un desenvolupador web estigui habilitat per aprendre nova tecnologia o llenguatge per construir una aplicació d’escriptori. L’aplicació Electron sol reutilitzar la lògica de negoci, el disseny i l’estructura general d’una aplicació web. És una gran manera d’estalviar temps i diners en la banda dels negocis i el desenvolupament.
Si ets un desenvolupador de JavaScript, et caldrà aprendre algunes coses relativament simples sobre com funciona Electron i la seva API. El més probable és que pugui configurar la seva primera aplicació d’escriptori Electron en tan sols uns dies.
L’electró és una tecnologia madura amb una comunitat en creixement i, per tant, constitueix un gran entorn de producció. Gràcies a l’renderitzat de la interfície d’usuari de l’motor Chromium, tindrà accés a eines com Developer Tools i Storage Access.
NW.js
El següent en la nostra llista dels millors frameworks JavaScript per a aplicacions d’escriptori és NW.js, anteriorment conegut com node-webkit. Va ser construït al Centre de Tecnologia de Codi Obert d’Intel combinant el framework NODE.JS amb un motor Chromium (anteriorment conegut com Webkit).
Gràcies a la combinació de NODE.JS i Chromium, pot construir una aplicació que no només carregui un lloc web local en una finestra d’aplicació, sinó que també es connecti amb el sistema operatiu a través de l’API JavaScript. Aquesta solució permet controlar paràmetres com les dimensions de les finestres, la barra d’eines i els elements de menú, i proporciona accés als arxius d’ordinador locals.
NW.js no té opinió i li dóna la llibertat de triar les estructures i biblioteques que voleu utilitzar en un projecte. Permet trucar als mòduls NODE.JS directament des del DOM, suporta totes les característiques de el navegador, proporciona una protecció de font JavaScript i està disponible en Linux, Mac OS i Windows.
AppJS
AppJS és una eina senzilla però potent que pot utilitzar per crear aplicacions multiplataforma sense necessitat d’aprendre nous idiomes. A l’igual que les altres biblioteques esmentades avui, vostè està bé sempre que estigui familiaritzat amb HTML, CSS i JavaScript.
Tot i que és l’estructura de NODE.JS-Chromium més antiga de l’trio AppJS, Electron i NW .js, no està tan madura com la seva competència. A causa de que ha perdut el seu impuls, pot no ser la millor opció per a nous projectes.
Meteor
Meteor s’anuncia com “la forma més ràpida de crear aplicacions JavaScript”, una ” plataforma de codi obert per a web, mòbil i escriptori “. Aquest framework multiplataforma escrit en NODE.JS pot utilitzar-se per crear aplicacions web, mòbils i d’escriptori.
Tot i que no construeix aplicacions d’escriptori per si sol, pot ser usat amb Cordova o altres eines similars per produir-les. Utilitza MongoDB, Protocol de Dades Distribuïts, i un patró de publicació-subscripció per autopropagar els canvis sense interferència de l’desenvolupador. Té mòduls front-end i back-end, incloent l’API, eines de construcció, paquets NODE.JS.
Proton Native
Proton Native és un nou llançament.Es va posar a disposició en GitHub en els primers mesos de 2018. El que fa Proton Native per al desenvolupament d’aplicacions d’escriptori és similar al que ha fet React Native per a mòbils.
El que el converteix en un dels millors frameworks de JavaScript per a aplicacions d’escriptori és que li permet administrar l’estat i crear interfícies d’usuari sense problemes mentre ho fa en diverses plataformes. Funciona de manera molt diferent a Electron, que executa un navegador complet de Chrome per gestionar una petita interfície gràfica d’usuari. D’altra banda, Proton Native utilitza eines natives, ocupa menys espai i necessita menys recursos.
Aquesta solució té altres avantatges – fa servir la mateixa sintaxi que React Native, treballa amb llibreries React incloent Redux i és compatible amb Node .js.
Proton Native és un dels frameworks de JavaScript per a aplicacions d’escriptori.
en resum, els frameworks estigui habilitat per a aplicacions d’escriptori es poden dividir en tres categories:
Frameworks que produeixen aplicacions d’escriptori allotjades en navegadors web, basades en NODE.JS i Chromium (Electron, NW.js, AppJS).
Frameworks que necessiten ser usats amb eines similars a les de Còrdova (Meteor ).
Frameworks que utilitzen components genuïnament nadius per construir una aplicació d’escriptori (Proton Native).
depèn de tu quina escullis, i depèn principalment de l’tipus de projecte que desenvolupis.
Janeth Kent
Llicenciada en Belles Arts i programadora per passió. Quan tinc una estona retoco fotos, edito vídeos i disseny coses. La resta de el temps escric en MA-NO WEB DESIGN END DEVELOPMENT.
Articles relacionats
Per què els desenvolupadors de JavaScript haurien preferir Axios a Fetch
Per què els desenvolupadors de JavaScript haurien preferir Axios a FetchEn meu article anterior, “Fent servir la Api Fetch Per Fer Trucades Ajax”, vaig parlar dels fonaments de l’API Fetch. …
Creació d’un senzill spinner-loader CSS
En l’article d’avui mostrarem com animar un loader bàsic que gira quan es defineix alguna acció per omissió, com carregar una imatge. Això es pot utilitzar en un lloc …
Els millors selectors de dates per Bootstrap i la teva aplicació
Els selectors de data són ginys que permeten als usuaris escollir una sola data o rang de dates i hores. És un element habitual per a tot usuari d’Internet, …
Validació de formularis HTML usant BULMA i vainilla JavaScript
Avui anem a escriure sobre els formularis de contacte i com validar-usant JavaScript.El formulari de contacte sembla ser una de les característiques principals de tota pàgina web bàsica. És …
Com utilitzar l’efecte Parallax.Js en el teu lloc web
Avui anem a escriure sobre l’efecte de parallax , similar a el desplaçament de parallax, i com implementar per millorar la seva pàgina d’aterratge. En WebDev, diuen que primer el mòbil …
Usant l’API FETCH per fer trucades AJAX – Una promesa complerta
En aquest article parlem sobre el que són les anomenades AJAX i com utilitzar-les de forma tradicional, utilitzant l’objecte XMLHttpRequest (XHR). En resum, gràcies a les trucades AJAX 1 …
Mode fosc persistent amb CSS i JS
Recentment vam escriure sobre com fer una manera de color o tema alternatiu intercanviable, una característica molt útil i popular per als llocs web. L’article d’avui tractarà sobre …
Mode fosc en el lloc web fent servir CSS i JavaScript
A l’article d’avui anem a aprendre a construir més o menys estàndard en aquests dies a les pàgines web i que és la manera de color alternatiu i …
Javascript: els operadors Spread i Rest
En l’article d’avui anem a parlar d’una de les característiques de la versió ES6 (ECMAScript 2015) de JavaScript que és l’operador Spreadasí com l’operador Rest.Estas …
galetes HTTP: com funcionen i com fer-les servir
Avui anem a escriure sobre la forma d’emmagatzemar dades en un navegador, per què els llocs web utilitzen cookies i com funcionen en detalle.Continúa llegint per esbrinar com implementar-les …
Totes les funcions de javascript i els mètodes per manipular els arrays
Aquest article mostrarà les funcions prominents de les array s de JavaScript, entre elles .map () ,. filter (), i.redueix (), i després passarà a través d’exemples de casos en els que.every () …
Com construir millors components d’alt nivell ( Higher-order components) amb l’Vue 3
el Vue 3 serà llançat aviat amb la introducció de l’API de composició (Composition API). Ve amb molts canvis i millores en el rendimiento.Los components d’ordre superior (HOC …
MISSATGE
Utilitzem cookies pròpies i de tercers per millorar els nostres serveis, elaborar informació estadística i analitzar els teus hàbits de navegació. Això ens permet personalitzar el contingut que oferim i mostrar publicitat relacionada amb les teves preferències. Clicant a ‘Accepta totes’ acceptes l’emmagatzematge de cookies al teu dispositiu per millorar la navegació en el lloc web, analitzar el trànsit i ajudar en les nostres activitats de màrqueting. També pots seleccionar ‘Només cookies de sistema’ per acceptar només les galetes necessàries perquè la web funcioni, o pots seleccionar les galetes que vols activar clicant a ‘Configuració’
Accepta totes només galetes de sistema Configuració
Gestionar les preferències de consentiment
Galetes estrictament necessàries
Aquestes galetes són necessàries perquè el lloc web funcioni i no es poden desactivar en els nostres sistemes. En general, només es configuren en resposta a les seves accions realitzades a l’sol·licitar serveis, com establir les seves preferències de privacitat, iniciar sessió o completar formularis. Podeu configurar el navegador per bloquejar o alertar sobre aquestes galetes, però algunes àrees de el lloc no funcionaran. Aquestes cookies no emmagatzemen cap informació d’identificació personal.
Galetes de rendiment
Aquestes galetes ens permeten comptar les visites i fonts de trànsit per poder avaluar el rendiment del nostre lloc i millorar-lo. Ens ajuden a saber quines pàgines són les més o les menys visitades, i com els visitants naveguen pel lloc. Tota la informació que recullen aquestes cookies és agregada i, per tant, és anònima. Si no permet utilitzar aquestes cookies, no sabrem quan va visitar el nostre lloc i no podrem avaluar si va funcionar correctament.
Galetes funcionals
Aquestes galetes permeten que el lloc web proporcioni una millor funcionalitat i personalització. Poden ser establertes per la nostra empresa o per proveïdors externs els serveis hem afegit a les nostres pàgines. Si no permet utilitzar aquestes cookies, és possible que alguns d’aquests serveis no funcionin correctament.
Galetes dirigides
aquestes galetes poden ser establertes a través del nostre lloc pels nostres socis publicitaris. Poden ser utilitzades per aquestes empreses per crear un perfil dels seus interessos i mostrar anuncis rellevants en altres llocs. No s’emmagatzemen directament informació personal, sinó que es basen en la identificació única del seu navegador i dispositiu d’Internet. Si no permet utilitzar aquestes cookies, veurà menys publicitat dirigida.