sobota, 18 stycznia 2014

#2 Aplikacja dla Firefox OS - czas na pierwsze uruchomienie

Aplikacja hostowana i spakowana

W poprzednim wpisie pozwoliłem sobie na mały wstęp pod  pisanie aplikacji na Firefox OS. Jeżeli wiesz już teraz, czym twoja aplikacja będzie się zajmować dobrze jest abyś wybrał rodzaj twojej aplikacji aplikacji (o tym w dalszej części poradnika).
Mamy do wyboru aplikacje hostowane tzn. w systemie występuje ikonka aplikacji, ale generalnie jej treść jest pobierana z wybranego przez nas serwera lub spakowana (archiwum *.zip), którego chyba ze względu na nazwę raczej nie muszę opisywać :D


manifest.webapp - Dude, what is that?

Plik manifest.webapp w dużym skrócie jest nośnikiem podstawowych informacji na temat naszej aplikacji takich jak: 
  • Autor 
  • Wersja
  • Opis aplikacji
  • Język
  • Uprawnienia
W poniższym video zaprezentowane jest jak stworzyć plik. 




Przykładowy manifest do pobrania tutaj

  

App manager


Zanim zaczniemy zapoznajmy się dodatkiem App manager, który zainstalowaliśmy wcześniej. W dużym uproszczeniu możemy go podzielić na 3 główne części:


1) Zakładka Apps - 

strona główna app manager

Z tego miejsca mamy możliwość zarządzać aplikacjami, które testujemy a dodatkowo uzyskujemy dostęp do edytora pliku manifest

2) Zakładka Device

W tym obszarze mamy możliwość zarządzać uprawnieniami oraz uruchomieniem poszczególnych aplikacji w emulatorze/telefonie Firefox OS

zakładka device app manger
3) Emulator

W sumie najważniejsze narzędzie:). Mamy niemalże najwierniejszą kopię systemu. Przeciągając w kierunku lewej krawędzi ekranu wysuwają nam się aplikacje. 

emulator firefox os
Pierwsze uruchomienie aplikacji

Wróćmy do App Manager i z dołu ekranu wybierzmy jedną z dwóch opcji w zależności od rodzaju naszej aplikacji.

od góry: aplikacja spakowana oraz aplikacja hostowana

Uwaga! Aplikacje hostowane muszą być zapisane i testowane na zewnętrznym serwerze!

Następnie wybierzmy nasz utworzony wcześniej plik manifest.webapp. Jeżeli w pliku manifest występuje jakiś  błąd, validator od razu go wykryje i poda podstawowe informacje na temat problemu, który został wykryty.

Przykładowy błąd w manifest

Pierwsze uruchomienie aplikacji

Jeżeli poprawiliście błędy możemy przystąpić do uruchomienia naszej aplikacji. Uruchom symulator klikając na przycisk "Start Simulator" umieszczony w dolnej belce.

Dolna belka app manger
A następnie przycisk "Firefox OS 1.2"

Dolna belka app manger
Gdy symulator się uruchomił wystarczy kliknąć przycisk "Debug" w app managerze i przystąpić do dalszych prac:)

uruchomiona aplikacja dla systemu Firefox OS
Jeżeli chodzi o mnie podejrzewam, że będzie to mój ostatni post na temat Firefox OS.

Po więcej informacji zapraszam na stronę - Mozilla Developer NetWork[ENG]

2 komentarze:

Unknown pisze...

Mam jednak nadzieję że cykl z deweloperką aplikacji pod FF OS będzie się rozwijał. Chętnie poczytałbym doświadczenia kogoś, kto próbuje własnych sił w tym środowisku.
Ostatni link, mógłby prowadzić bezpośrednio do strony z deweloperki dla Firefox OS. Jestem leniwy i zaoszczędzenie paru kliknięć jest mi na rękę - przykładowy link: https://developer.mozilla.org/en-US/Firefox_OS

Unknown pisze...

Dziękuję za wskazówki. Link już poprawiony :)