Arhiva pentru tagul “node”

node-webkit: Notepad-ul acum cu meniu şi scurtături din taste

Captura de mai jos ar putea uşor să deruteze: pare un program. Da, eu am un fişier EXE (vă amintesc că e cam mare, vreo 40MB, dat fiind că include WebKit-ul de care se foloseşte şi Chrome-ul) pe care îl lansez şi funcţionează ca un program pentru Windows. Are meniu tradiţional, are scurtături din taste… Dar în spate ne amintim că se află o pagină HTML ce prinde aripi cu JavaScript, în special cu node.js şi node-webkit. Proiectele web pot devenii aplicaţii pentru Windows sau Mac sau Linux!

imagine

Partea CSS e neschimbată. În partea HTML am scăpat de butoane acum că avem meniu. Ce contează este partea JavaScript pe care o şi pun mai jos. Funcţia construireMeniu() face ce spune numele :). M-am limitat …


node-webkit: Un Notepad scris în JavaScript

Continuând articolele despre node-webkit vă propun acum să vedem o aplicaţie ceva mai serioasă. Evident tot copilăroasă dar bună ca demonstraţie. După cum ştiţi, o pagină web nu poate salva local un fişier (nu mă refer o pagină pe un server, salvând pe acel server, ci la salvarea pe calculator). Cu node-webkit această limitare este depăşită. De fapt cu node.js, care include funcţiile pe fişiere, în schimb node-webkit permiţând afişarea ferestrelor de dialog pentru deschidere/salvare (Open/Save).

imagine

Am să încep cu fişierul JSON unde nu sunt modificări majore faţă de ce am mai văzut. Apare însă de exemplu iconiţa care, atenţie, este doar pentru fereastră. Executabilul va avea iconiţa node-webkit, dar cu alte programe poate fi modificată. În rest avem un JSON… normal (relativ la …


node-webkit: Să facem un executabil

În articolul anterior am făcut primii paşi cu node-webkit. Repet pe scurt „filosofia”: într-un folder trebuie să avem fişierele web (HTML, JavaScript, CSS, imagini, tot ce ne mai trebuie) şi neapărat un fişier package.json (am văzut un exemplu în articolul trecut). Toate acestea trebuie să le arhivăm. Atenţie: nu folderul unde se află toate ci conţinutul, adică fişierele web + acela JSON. Arhiva o redenumim cu extensia nw, fişierul rezultat urmând să îl tragem cu mouse-ul, în Explorer, peste nw.exe. Destul de lung şi plictisitor procesul. Dar nu am ajuns la executabil! Mai avem un singur pas.

imagine

Comanda magică pentru a obţine fişierul executabil este copy /b nw.exe+arhivanoastraspeciala.nw numeleexecutabilului.exe (dacă vreţi, vedeţi acest clip).

Bun. Clar procesul este plictisitor. Când …


node-webkit: Primii paşi

Aceeaşi căutare vizibilă în ultimele articole (a unei soluţii de a transforma nişte pagini HTML într-o aplicaţie Windows executabilă) m-a condus acum câteva zile spre node-webkit, care, spune pagina tocmai indicată „permite un mod nou de scriere a aplicaţiilor cu toate tehnologiile web”. Desigur, ce vedeţi mai jos este altceva: este pagina de la node.js, care este cerut de node-webkit. Ce face node.js (scrie mai jos în captură) este irelevant pe moment. Instalaţi cum aţi instala orice aplicaţie în Windows şi gata primul pas.

imagine

Al doilea este să reveniţi la node-webkit, la momentul actual fiind disponibile de descărcat două versiuni (0.8.5 şi 0.9.2) datorită unor aspecte tehnice pe care le sărim nefiind relevante în acest moment. Am descărcat …