Nu cu mult timp în urmă a fost imposibil să creați o aplicație desktop cu JavaScript. Din fericire, aceste vremuri au trecut, iar acum dezvoltatorii JS pot folosi cunoștințele și experiența lor în dezvoltarea web pentru a crea aplicații desktop cu un aspect nativ.
ca întotdeauna, este mai ușor să o spui. În timp ce am realizat cercetarea noastră, am realizat că există o mulțime de confuzie cu privire la modul în care aplicațiile desktop JavaScript sunt efectiv create și cum funcționează. De asemenea, este destul de dificil să găsiți instrumentele potrivite pentru a fi utilizate într-un proiect.
În acest articol, ne uităm mai mult la cele mai cunoscute cadre de lucru JavaScript pentru aplicații desktop.
Electron
Electron este un cadru open source construit inițial de GitHub pentru editorul Atom în 2013. Această bibliotecă vă permite să creați aplicații GUI Desktop cu tehnologii web, cum ar fi JavaScript, HTML și CSS.
Aplicații Desktop Electron se comportă ca aplicații web, dar pot citi și scrie date în sistemul de fișiere computer. Există multe aplicații populare de desktop construite cu electroni pe piață, de exemplu, Skype pentru Linux sau Slack.
Avantajul semnificativ al acestei soluții este că nu este nevoie de un dezvoltator Web JavaScript să învețe noi tehnologii sau limba pentru a construi o aplicație desktop. Aplicația electronică este reutilizată de obicei logica de afaceri, designul și structura generală a unei aplicații web. Este o modalitate excelentă de a economisi timp și bani pe partea de afaceri și dezvoltarea.
Dacă sunteți un dezvoltator JavaScript, va trebui să învățați câteva lucruri relativ simple despre modul în care funcționează electronul și API-urile. Cel mai probabil, puteți configura prima aplicație de desktop electron în doar câteva zile.
Electron este o tehnologie matură cu o comunitate în creștere și, prin urmare, constituie un mediu de producție excelent. Datorită redării interfeței cu utilizatorul cu motor de crom, veți avea acces la unelte cum ar fi instrumente de dezvoltatori și acces la depozitare.
nw.js
Următoarea pe lista noastră de cel mai bun Frame JavaScript pentru aplicații desktop, este nw.js, cunoscut anterior ca nod-webkit. A fost construită în Centrul Intel Open Source Center prin combinarea cadrului NODE.JS cu un motor de crom (cunoscut anterior sub numele de Webkit).
datorită combinației de nod.js și crom, puteți construi a Aplicație care nu numai încărcați un site web local într-o fereastră de aplicație, ci și se conectează la sistemul de operare prin API JavaScript. Această soluție permite controlul parametrilor, cum ar fi dimensiunile ferestrelor, bara de instrumente și elementele de meniu și oferă acces la fișierele computerului local.
nw.js nu are nici o opinie și vă oferă libertatea de a alege Structurile și bibliotecile pe care doriți să le utilizați într-un proiect. Acesta permite apel la modulele NODE.JS direct din DOM, suportă toate caracteristicile browserului, oferă protecția sursei JavaScript și este disponibilă pe Linux, Mac OS și Windows.
Appjs
Appjs este un instrument simplu, dar puternic pe care îl puteți utiliza pentru a crea aplicații Multiplatform fără a fi nevoie să înveți limbi noi. Ca și celelalte biblioteci menționate astăzi, sunteți bine atâta timp cât sunteți familiarizați cu HTML, CSS și JavaScript.
Deși este cea mai veche structură NODE.JS-crom al lui Trio Appjs, Electron și NW. JS, el nu este la fel de matur ca și concursul său. Pentru că ți-ai pierdut impulsul, este posibil să nu fie cea mai bună opțiune pentru proiecte noi.
Meteor
Meteor este anunțat ca „cel mai rapid mod de a crea aplicații JavaScript”, un „deschis Platformă sursă pentru web, mobilă și desktop „. Acest cadru multiplatform scris în NODE.JS poate fi utilizat pentru a crea aplicații web, mobile și desktop.
Deși nu construiește aplicații desktop pe cont propriu, poate fi folosit cu Cordova sau alte instrumente similare pentru a produce lor. Utilizați Mongodb, Protocolul de date distribuit și un model de abonament de publicare pentru schimbări de auto-plătit fără interferențe de la dezvoltator. Are module de front-end și back-end, inclusiv API, Unelte de construcție, pachete NODE.JS.
Native de proton
Proton nativ este o nouă versiune.A fost pusă la dispoziție în Github în primele luni ale anului 2018. Ce nativ de proton pentru dezvoltarea aplicațiilor desktop este similar cu ceea ce a fost reactivat de nativ pentru telefoane mobile.
Ce face unul dintre cele mai bune Cadrele JavaScript pentru aplicații desktop este că vă permite să gestionați starea și să creați interfețe utilizator fără probleme în timp ce o faceți pe mai multe platforme. Funcționează foarte diferit de la electron, care rulează un browser complet crom pentru a gestiona o mică interfață grafică de utilizator. Pe de altă parte, nativul de protoni folosește unelte native, ocupă mai puține spațiu și are nevoie de resurse mai puține.
Această soluție are alte avantaje – utilizați aceeași sintaxă care reacționează nativ, funcționează cu biblioteci reacționate, inclusiv Redx și este compatibil cu Nod .js.
Proton Native este unul dintre cadrele JavaScript pentru aplicații desktop.
În rezumat, cadrele JavaScript pentru aplicații desktop pot fi împărțite în trei categorii:
cadre care produc aplicații desktop găzduite în browsere web, bazate pe nod.js și crom (electron, nw.js, Appjs).
Cadre care trebuie utilizate cu unelte similare cu cele ale lui Córdoba (Meteor).
Cadre care utilizează componente originale pentru a construi o aplicație desktop (Native de Proton).
Depinde de tine pe care o alegeți și depinde în principal de tipul de proiect pe care îl dezvoltați.
DIV>
Janet Kent
Bachelor de arte plastice și programator de pasiune. Când am o vreme revin fotografii, editați videoclipuri și proiectați lucruri. Restul timpului pe care îl scriu pe dezvoltarea de end de proiectare web MA-NO.
De ce dezvoltatorii JavaScript ar trebui să preferă AXIOS A FETCH
De ce dezvoltatorii JavaScript ar trebui să preferă Axiosul Fetchen articolul meu anterior, „Folosind API-ul Fetch pentru a face apelurile AJAX”, am vorbit despre fundamentele API de preluare …
Crearea unui simplu Sinner-loader CSS
În articolul de astăzi vom arăta cum să încurajăm un încărcător de bază care se rotește atunci când se definește o acțiune predefinită, cum să încărcați un imagine. Care pot fi utilizate la un site …
Cel mai bun selector de date pentru bootstrap și aplicația dvs.
selectoare de dată Sunt widget-uri care permit utilizatorilor să aleagă o singură dată sau o gamă de date și ore. Este un element obișnuit pentru fiecare utilizator de pe Internet, …
HTML Formulare Validarea folosind Bulma și Vanilie JavaScript
Astăzi Noi Mergeți pentru a scrie despre formularele de contact și modul de validare a acestora utilizând JavaScript. Formularul de contact pare a fi una dintre principalele caracteristici ale fiecărei pagini web de bază. Este …
Cum se utilizează efectul parallax.js pe site-ul dvs.
Astăzi vom scrie despre Efectul parallaxului, similar cu deplasarea parallaxului și cum să o implementați pentru a vă îmbunătăți pagina de aterizare. În Webdev, ei spun că mai întâi mobile …
Folosind API-ul Fetch pentru a face apeluri Ajax – o promisiune îndeplinită
Acest articol am vorbit despre ce sunt apelurile AJAX și cum să le folosiți în mod tradițional, folosind obiectul XMLTPREQUEST (XHR). În rezumat, datorită apelurilor Ajax a …
Dark Dark Dark Mod cu CSS și JS
Am scris recent Cum face o culoare sau un mod de culoare alternativă interschimbabil, o caracteristică foarte utilă și populară pentru site-uri web. Articolul de astăzi se va ocupa de …
Modul întunecat pe site-ul Web Utilizând CSS și JavaScript
în articolul de astăzi vom Aflați cum să construiți mai mult sau mai puțin standard în aceste zile pe paginile web și acesta este modul de culoare alternativă și …
JavaScript: Operatorii s-au răspândit și odihniți
în articolul de astăzi vom vorbi despre versiunea ES6 a lui JavaScript (ECMAScript 2015) care este operatorul de împrăștiere ca operator de odihnă …
HTTP Cookies: Cum funcționează și cum să le folosească
Astăzi vom scrie despre modul de stocare a datelor într-un browser, de ce site-urile web folosesc cookie-urile și modul în care acestea Lucrați în detaliu. Continuați să citiți pentru a afla cum să le implementați …
Toate funcțiile JavaScript și metodele de manipulare a matricei
Acest articol va arăta funcțiile proeminente ale matricei S prin JavaScript, inclusiv .map () ,. filtru () și.Reduceți () și apoi va trece prin exemple de cazuri în care.every () …
Cum se construiește mai bine la nivel înalt Componentele (componente superioare) cu Vue 3
Vue 3 vor fi eliberate în curând cu introducerea API-ului compoziției (API de compoziție). Acesta vine cu multe schimbări și îmbunătățiri în performanță. Componente de înaltă ordine (Hoc …
×
Mesaj
Folosim cookie-uri proprii și terțe pentru a ne îmbunătăți serviciile, de a dezvolta informații statistice și de a analiza obiceiurile de navigație. Acest lucru ne permite să personalizăm conținutul pe care îl oferim și să vă arătăm anunțuri legate de preferințele dvs. Faceți clic pe „Acceptă toate” Acceptați stocarea cookie-urilor pe dispozitiv pentru a îmbunătăți navigarea pe site, analizați traficul și ajutorul în activitățile noastre de marketing. De asemenea, puteți selecta „numai cookie-urile sistemului” pentru a accepta numai cookie-urile necesare pentru web Lucrați sau puteți selecta cookie-urile pe care doriți să le activați făcând clic pe „Setări”
Acceptați toate configurațiile cookie-urilor de sistem
Gestionarea preferințelor de consimțământ
cookies strict necesar
Aceste cookie-uri sunt necesare pentru ca site-ul să funcționeze și nu pot fi dezactivate în sistemele noastre. De obicei, acestea sunt configurate doar ca răspuns la acțiunile efectuate atunci când solicită servicii, cum ar fi stabilirea preferințelor lor de confidențialitate, autentificarea sau formularele de completare. Puteți configura browserul dvs. pentru a bloca sau a alerta aceste cookie-uri, dar unele zone ale site-ului nu vor funcționa. Aceste cookie-uri nu stochează informații personale de identificare.
cookie-uri de performanță
Aceste cookie-uri ne permit să ne numărăm pe noi Vizite și surse de trafic pentru a evalua performanța site-ului nostru și a îmbunătăți acest lucru. Ele ne ajută să știm ce pagini sunt cele mai puțin sau cele mai puțin vizitate și cum vizitatorii navighează pe site. Toate informațiile pe care le colectează aceste cookie-uri sunt adăugate și, prin urmare, sunt anonime. Dacă nu permiteți utilizarea acestor cookie-uri, nu vom ști când ați vizitat site-ul nostru și nu putem evalua dacă a funcționat corect.
Aceste cookie-uri permit site-ului să ofere o mai bună funcționalitate și personalizare. Acestea pot fi stabilite de compania noastră sau de furnizori externi ale căror servicii pe care le-am adăugat în paginile noastre. Dacă nu vă permiteți să utilizați aceste cookie-uri, unele dintre aceste servicii pot să nu funcționeze corect.
cookie-uri directe
Aceste cookie-uri pot fi stabilite prin intermediul site-ului nostru de către partenerii noștri de publicitate. Acestea pot fi folosite de acele companii pentru a crea un profil al intereselor lor și pentru a afișa anunțuri relevante pe alte site-uri. Ele nu stochează în mod direct informațiile personale, dar se bazează pe identificarea unică a browserului dvs. și a dispozitivului de internet. Dacă nu vă permiteți să utilizați aceste module cookie, veți vedea mai puține publicitate direcționate.