Introduksjon til WebOS 3.0 (Enyo)

Denne opplæringen vil introdusere deg til grunnleggende for å utvikle for WebOS 3.0-plattformen ved å demonstrere hvordan man bygger en enkel applikasjon. Du vil lære å installere utviklingsmiljøet, lage et "Hello-World" -program, og kjøre programmet for å teste arbeidet ditt.

Hva er WebOS 3.0?

WebOS er HPs nye operativsystem for å utvikle apper til HP-berøringsplaten. Navnet WebOS er ganske apt som applikasjoner er skrevet i en kombinasjon av HTML, CSS og JavaScript. Ja, hvis du er kjent med disse tingene, kan du virkelig starte med en gang!

Koding i Enyo er veldig enkel og klar og kan i stor grad øke effektiviteten i utviklingsprosessen. Selv om rammen for tiden ikke er rettet mot noen plattformer utenfor touchpad, er det fortsatt en banebrytende innovasjon som er verdt å undersøke. Ok, så la oss få våre hender skitne med HPs nyeste mobile operativsystem: WebOS 3.0.

Oppsett Miljøet

Det første du må gjøre er å få din kopi av WebOS 3.0 SDK utviklingssett fra developer.palm.com. Pass på å registrere deg for en konto som medlem av utviklerfellesskapet.

Last ned den nyeste SDK. Gå gjennom den trinnvise prosedyren for å installere SDK som er lagt ut på Palm's nettsted. Du kan gå gjennom de samme trinnene som er gitt for å installere WebOS 2.1 (Mojo) og foreta endringer hvis det er behov for det.

I tillegg til SDK, må du også installere en nettbasert nettleser som Google Chrome eller Safari (brukt i denne opplæringen) og en tekstredigerer som Notepad ++. Du kan bruke hvilken som helst tekstredigerer du vil, men denne opplæringen vil bruke Notepad ++. Nå har vi alle verktøyene som kreves for utvikling.

Sette opp appen

Før du skriver koden, må vi opprette en bestemt mappestruktur som er spesielt egnet for Enyo. Mappestrukturen kan opprettes manuelt eller fra kommandolinjen.

Hvis du bruker kommandolinjen til å generere app-mappen din, bruker du palm-genererte kommandoer fra kommandolinjen. Generelt sett vil sti-variabler bli satt automatisk når du installerte SDK, hvis ikke, må du angi OS-sti-variablene manuelt hvis du vil at Palm-kommandoene skal fungere.

Palm-generere myapp

Dette oppretter en mappe som heter ?MinApp?. Mappen ?MinApp? inneholder vanligvis disse filene:

• appinfo.json
• depends.js
• myapp.js
• myapp.css
• index.html
• icon.png

Du kan opprette alle disse filene manuelt med tekstredigering bortsett fra en: icon.png. Dette er ditt søknadsikon og er åpenbart en bildefil.

1. appinfo.json

Appinfo.json-filen inneholder generelle metadata om programmet:

 
 "id": "com.yourname.myapp", "versjon": "1.0.0", "leverandør": "ditt navn", "type": "web", "main": "index.html" tittel ":" myapp "," ikon ":" icon.png " 

• ID: Dette bør være en ID som er unik for appen din.
• versjon: Versjonsnummeret til appen din.
• leverandør: Ditt navn eller navnet på firmaet du jobber for.
• main: Dette er en HTML-fil som først lastes inn når appen starter.
• tittel: Tittelen for søknaden din.
• ikon: et ikonbilde for søknaden din.

2. depends.js

Denne filen inneholder stier for alle * .js og * .css-filer i programmet:

 
 enyo.depends ("myapp.js", "myapp.css",);

3. index.html

Denne filen er der programutførelsen starter. Den inneholder kode som ser veldig ut som oppføringen vist nedenfor:

La oss prøve å bygge en app hvor brukeren vil skrive navnet sitt i en innboks, og vi vil vise det i et popup-vindu. Hittil har vi ikke skrevet noe i myapp.js. Kopier teksten nedenfor til myapp.js og lagre den:

 
 enyo.kind (navn: "myapp", type: enyo.Control, innhold: "Hei Dette er mitt første WebOS-program");

Her skaper vi et slag som heter "myapp". En slags kan være en blanding av kontroller. Her viser vi bare litt tekst: "Hei Dette er mitt første WebOS-program".

For å vise denne teksten brukte vi et slag som heter enyo.Control, en komponent som kan motta brukergrensesnitt og kan holde andre kontroller.

I index.html skrev vi ene