Share
Acest tutorial vă va prezenta principiile dezvoltării pentru platforma WebOS 3.0 demonstrând cum să construiți o aplicație simplă. Veți învăța cum să instalați mediul de dezvoltare, să creați o aplicație în stil "Hello-World" și să rulați aplicația pentru a vă testa munca.
WebOS este noul sistem de operare al HP pentru a dezvolta aplicații pentru touch pad-ul HP. Numele WebOS este destul de apt, deoarece aplicațiile sunt scrise într-o combinație de HTML, CSS și JavaScript. Da, dacă sunteți familiarizați cu aceste lucruri, puteți începe cu adevărat imediat!
Codificarea în Enyo este foarte simplă și clară și poate crește considerabil eficiența procesului de dezvoltare. Deși cadrul nu vizează în prezent platforme în afara touchpad-ului, este încă o inovație inovatoare care merită examinată. Bine, haideți să ne murdărim mâinile cu cel mai nou sistem de operare mobil de la HP: WebOS 3.0.
Primul lucru pe care trebuie să-l faceți este să obțineți kitul de dezvoltare WebOS 3.0 SDK de la developer.palm.com. Asigurați-vă că vă înscrieți pentru un cont ca membru al comunității de dezvoltatori.
Descărcați ultimul SDK. Treceți prin procedura pas cu pas a instalării SDK-ului postat pe site-ul Palm. Puteți parcurge aceleași pași pentru a instala WebOS 2.1 (Mojo) și efectuați modificări dacă este necesar.
În plus față de SDK, va trebui, de asemenea, să instalați orice browser bazat pe kit-uri web, cum ar fi Google Chrome sau Safari (folosit în acest tutorial) și un editor de text precum Notepad ++. Puteți utiliza orice editor de text care vă place, dar acest tutorial va folosi Notepad ++. Acum avem toate instrumentele necesare dezvoltării.
Înainte de a scrie codul, trebuie să creați o structură de directoare specială potrivită în special pentru Enyo. Structura directorului poate fi creată fie manual, fie din linia de comandă.
Dacă utilizați linia de comandă pentru a genera dosarul aplicației, utilizați comenzi generate în palmă din linia de comandă. În general, variabilele trasei vor fi setate automat când ați instalat SDK, dacă nu, va trebui să setați manual variabilele de cale ale sistemului de operare dacă doriți ca comenzile Palm să funcționeze.
Aceasta creează un folder numit ?AplicațiaMea?. Fisierul ?AplicațiaMea? de obicei conține aceste fișiere:
Puteți crea toate aceste fișiere manual cu orice editor de text, cu excepția unui singur: icon.png. Aceasta este pictograma aplicației dvs. și este evident un fișier imagine.
Fișierul appinfo.json conține metadate generale despre aplicație:
"id": "com.yourname.myapp", "versiune": "1.0.0", "furnizor" titlu ":" myapp "," icon ":" icon.png "
Acest fișier conține căi pentru toate fișierele * .js și * .css din aplicație:
Accentsconagua
enyo.depends ("myapp.js", "myapp.css"); Acest fișier este locul unde începe execuția programului nostru. Conține cod care arată foarte asemănător cu lista afișată mai jos:
AplicațiaMea
Să încercăm să construim o aplicație unde utilizatorul își va scrie numele într-o casetă de intrare și o vom afișa într-o fereastră pop-up. Până acum nu am scris nimic în myapp.js. Copiați textul de mai jos în myapp.js și salvați-l:
enyo.kind (nume: "myapp", gen: enyo.Control, conținut: "Hi Aceasta este prima mea aplicație WebOS");
Aici creăm un fel numit "myapp". Un fel poate fi un amestec de controale. Aici afișăm doar un text: "Hi Aceasta este prima mea aplicație WebOS".
Pentru a afișa acest text, am folosit un tip numit enyo.Control, o componentă care poate primi evenimente UI și poate deține alte controale.
În index.html am scris unule
