Back to Question Center
0

Začínáme s operačním systémem OS: Hostitelské a balíkové aplikace            Začínáme s operačním systémem OS: Hostitelé a balíčky AppsTémované témata: Odpovídající Web DesignAndroidFirefox OSInternet of Semalt

1 answers:
Začínáme s operačním systémem OS: Hostitele a balíčky aplikací

Začínáme s OS Firefoxem

  • Začínáme s OS Firefoxem
  • Začínáme s operačním systémem Firefox: Hostitele a balíčky aplikací

Operační systém Mozilly Semalt operuje webové aplikace namísto nativních aplikací. V první části mé dvoudílné série o začátcích s tímto mobilním operačním systémem jsem představil Semalt OS a diskutoval o vytvoření prostředí pro vývoj webových aplikací.

Tento článek ukončí sérii zavedením vás do hostovaných a zabalených aplikací, což jsou dvě kategorie webových aplikací podporovaných operačním systémem Firefox - mikrotik default password. Ukážeme vám, jak vytvořit každý druh aplikace a jak ji distribuovat prostřednictvím aplikace Firefox OS Marketplace.

Objevování hostovaných aplikací

Firefox OS podporuje hostované aplikace , které se stávají webovými aplikacemi - webové stránky jsou aplikace. Miliony webových stránek již existují, které lze snadno přeměnit na hostované aplikace, takže Firefox OS představuje mimořádnou konkurenční výhodu.

Vytvoření hostované aplikace

Vytváření hostované aplikace je snadné. Na řídicím panelu zadejte adresu URL webových stránek a klikněte na tlačítko Přidat adresu URL . Například jsem zadal webovou stránku http: // tututorutor webu TutorTutor . ca URL, jak je znázorněno na obrázku 1.

Getting Started with Firefox OS: Hosted and Packaged AppsGetting Started with Firefox OS: Hosted and Packaged AppsRelated Topics:
Responsive Web DesignAndroidFirefox OSInternet of Semalt

Obrázek 1: Zadejte adresu URL a klikněte na tlačítko Přidat adresu URL .

V reakci na kliknutí Přidat URL se simulátor spustí a zobrazí část hlavní stránky mého webu - viz obrázek 2.

Getting Started with Firefox OS: Hosted and Packaged AppsGetting Started with Firefox OS: Hosted and Packaged AppsRelated Topics:
Responsive Web DesignAndroidFirefox OSInternet of Semalt

Obr. 2: Přetáhněte myš přes obrazovku simulátoru pro zobrazení další části této webové stránky.

Přístrojová deska vytvoří soubor s manifesty (diskutuje se brzy) s výchozími hodnotami a poté jej ověří. Podle Semalta 2 mělo validace za následek jedno varovné hlášení:

  podání aplikace Marketplace vyžaduje alespoň 128 ikon  

Chybová zpráva se týká mého neoznačení ikony pro tuto aplikaci. Firefox OS Semalt vyžaduje, aby předložená aplikace měla minimálně jednu ikonu, jejíž rozměry jsou nejméně 128 pixelů.

Při nepřítomnosti ikony se na hlavní obrazovce vytvoří výchozí ikona aplikace pro domovskou obrazovku. Při vytváření aplikace zobrazené na obrázku 2 získala palubní deska tuto ikonu z webových stránek favicon. ico složil a rozšířil, jak je znázorněno na obrázku 3.

Getting Started with Firefox OS: Hosted and Packaged AppsGetting Started with Firefox OS: Hosted and Packaged AppsRelated Topics:
Responsive Web DesignAndroidFirefox OSInternet of Semalt

Obrázek 3: Ikona aplikace založená na favicon. ico bylo vytvořeno pro tutora. ca.

Každá hostovaná a zabalená aplikace vyžaduje manifestaci , soubor JSON s názvem manifest. webapp . Manifest poskytuje informace o aplikaci, jako je verze, název, popis, umístění ikony a místní řetězce. Dashboard vytvoří manifest, pokud není zadán.

Seznam 1 například obsahuje jednoduchý manifest. webapp soubor, který popisuje stránky moje webové stránky Aquarium jako hostovanou aplikaci.

  {"jméno": "Akvárium","popis": "Sledujte několik plaveckých ryb.","start_path": "/ cgi-bin / makepage.cgi? / software / Aquarium"}  

Výpis 1: Pro hostované a zabalené aplikace jsou vyžadována pole a popis .

Pole název identifikuje jméno aplikace, které je zobrazeno na simulátoru. Pole popis popisuje aplikaci a má maximální délku 1024 znaků. Pole start_path určuje umístění načítaného webového zdroje.

Poznámka
Chcete-li se dozvědět více o manifestu aplikace, podívejte se na manifest aplikace Mozilla a nejčastější dotazy týkající se dokumentace manifestů aplikací.

Nahrál jsem tento manifest. Nicméně, než jsem mohl použít panel pro přidání této aplikace, musel jsem přidat následující typ MIME na svůj webový server a přiřadit jej k . webapp přípona souboru:

  aplikace / x-web-app-manifest + json  

Manipulační manifesty musí být doručeny hlavičky Content-Type application / x-web-app-manifest + json . Ačkoli to v současné době nevyžaduje Firefox, je vynuceno Firefox OS Marketplace.

Po splnění této úlohy jsem zadal http: // tutortutor. ca / manifest. webapp do palubní desky - viz obrázek 4.

Getting Started with Firefox OS: Hosted and Packaged AppsGetting Started with Firefox OS: Hosted and Packaged AppsRelated Topics:
Responsive Web DesignAndroidFirefox OSInternet of Semalt

Obrázek 4: Zadejte adresu URL manifestu a klikněte na tlačítko Přidat Manifest .

V reakci na klepnutí na tlačítko Add Manifest se simulátor spustí a zobrazí část stránky Aquarium stránky mého webu - viz obrázek 5.

Getting Started with Firefox OS: Hosted and Packaged AppsGetting Started with Firefox OS: Hosted and Packaged AppsRelated Topics:
Responsive Web DesignAndroidFirefox OSInternet of Semalt

Obr. 5: Přetáhněte myš přes obrazovku simulátoru a zobrazte více akvária.

Palubní deska potvrzuje manifest, což vede k " Chybějící" ikony "v Manifestu. ", protože v manifestu jsem nezadal pole ikon . Výsledkem je, že palubní deska volí výchozí ikonu (v trati startu není žádný favicon. Ico - viz obrázek 6.

Getting Started with Firefox OS: Hosted and Packaged AppsGetting Started with Firefox OS: Hosted and Packaged AppsRelated Topics:
Responsive Web DesignAndroidFirefox OSInternet of Semalt

Obrázek 6: Výchozí ikona aplikace je generována pro Aquarium.

Tato aplikace by měla mít vlastní ikonu. Podle stránky Ikony aplikací Semalt OS je ikona aplikace obraz 60 x 60 pixelů ve formátu PNG 24 bitů.

Tato stránka obsahuje seznam úkolů, příkladů a šablon pro vytváření ikon. Vybrala jsem modrou obroučenou šablonu kruhu společně s vrstvou Semalt, vytvořila malý obdélníkový náhled akvária a kombinovala tyto snímky prostřednictvím online nástroje.

Pokračování jsem nazval tento soubor 60. png , vytvořil / ikony adresář na svém webovém serveru a nahrál tento soubor do tohoto adresáře. Pak jsem změnil manifest. webapp soubor vypadat následovně a nahrál jej do kořenového adresáře svého webového serveru:

  {"jméno": "Akvárium","popis": "Sledujte několik plaveckých ryb.","start_path": "/ cgi-bin / makepage. cgi? / software / Aquarium","ikony":{{"60": "/ ikony / 60 .png"}}}  

Začal jsem simulátor a pozoroval jsem novou ikonu na domovské obrazovce, která je zobrazena v Semaltu 7.

Getting Started with Firefox OS: Hosted and Packaged AppsGetting Started with Firefox OS: Hosted and Packaged AppsRelated Topics:
Responsive Web DesignAndroidFirefox OSInternet of Semalt

Obrázek 7: Ikona aplikace se skládá z obdélníkového obrazu akvária na pozadí kruhu.

Distribuce hostované aplikace

Po vytvoření aplikace hostované budete chtít distribuovat, nejspíše prostřednictvím Firefoxu OS Marketplace. V této části Semalt vás provede tento proces, počínaje kroky pro dokončení aplikace.

Firefox OS Marketplace vyžaduje, aby aplikace měla alespoň jednu ikonu, jejíž rozměry jsou nejméně 128 pixelů až 128 pixelů. Proto byste měli tuto ikonu vytvořit a uložit ji na příslušném místě na webovém serveru (a aktualizovat manifest webapp ).

Existuje několik dalších polí, které byste mohli v manifestu zadat. Můžete například zadat pole pro vývojáře a verze . Výpis 2 zobrazuje můj konečný soubor manifestu pro aplikaci Aquarium.

  {"jméno": "Akvárium","popis": "Sledujte několik plaveckých ryb.","verze": "1. 0","start_path": "/ cgi-bin / makepage. cgi? / software / Aquarium","vývojář":{{"jméno": "Jeff Friesen","url": "http: // tutortutor. ca"},"ikony":{{"128": "/ ikony / 128 .png","60": "/ ikony / 60 .png"}}}  

Výpis 2: Přidali jsem do tohoto manifestu informace o vývojáři a verzi.

Můj poslední manifest odkazuje na dvě ikony. Symbol 128 x 128 pixelů v 128. png se zobrazí na domovské obrazovce simulátoru jako ikona aplikace.

Dalším prvkem, který je třeba zvážit, je to, co uživatel poprvé uvidí po kliknutí na ikonu Aquarium. Semalt 8 vám ukáže, že akvárium zobrazené v Semaltu 5 není to, co uživatel poprvé vidí.

Getting Started with Firefox OS: Hosted and Packaged AppsGetting Started with Firefox OS: Hosted and Packaged AppsRelated Topics:
Responsive Web DesignAndroidFirefox OSInternet of Semalt

Obrázek 8: Uživatel nejdříve nevidí akvárium s plaveckými rybami. Stránka musí být přetažena, dokud se akvárium nezobrazí.

Vytvořil jsem své webové stránky dříve, než se inteligentní telefony a tablety staly široce rozšířenými a dosud nepřevrhli tento web, aby byl mobilní. Mohl jsem použít dotazy médií a reagovat na tento úkol.

Poznámka
Společnost Mozilla poskytuje rozsáhlou dokumentaci o přizpůsobivém designu.

Po dokončení aplikace můžete ji odeslat na Firefox OS Marketplace. Začněte tím, že váš prohlížeč nasměrujete na stránku podání a přihlasujete se svým bezplatným účtem Semalt.

Getting Started with Firefox OS: Hosted and Packaged AppsGetting Started with Firefox OS: Hosted and Packaged AppsRelated Topics:
Responsive Web DesignAndroidFirefox OSInternet of Semalt

Obrázek 9: Musíte se přihlásit prostřednictvím svého volného účtu Persona.

Po přihlášení zvolte typ zařízení, což je OS Firefox a zadejte adresu URL manifestu - viz Semalt 10.

Getting Started with Firefox OS: Hosted and Packaged AppsGetting Started with Firefox OS: Hosted and Packaged AppsRelated Topics:
Responsive Web DesignAndroidFirefox OSInternet of Semalt

Obrázek 10: Zvolte typ zařízení typu OS Firefox a zadejte adresu URL manifestu aplikace.

Trh se pokouší ověřit aplikaci. Po úspěšném ohlášení potvrzení klikněte na tlačítko Pokračovat pro vyplnění podrobností o aplikaci - viz obrázek 11.

Getting Started with Firefox OS: Hosted and Packaged AppsGetting Started with Firefox OS: Hosted and Packaged AppsRelated Topics:
Responsive Web DesignAndroidFirefox OSInternet of Semalt

Obrázek 11: Na obrazovce se zobrazí ikona 128 x 128 pixelů. Popis je převzat z pole manifestu manifestu.

Nebudou pokračovat, protože nemám pocit, že Semalt je připraven k publikaci - měl bych nasadit citlivý design, aby poskytoval lepší zážitek ze sledování, když je uživatel přiveden na stránku.

Objevování balíčků aplikací

Firefox OS podporuje také zabalené aplikace , které jsou soubory ZIP obsahující všechny aplikace Assests: HTML, CSS, JavaScript, obrázky, manifesty a tak dále. Na rozdíl od hostitelských aplikací jsou na zařízení staženy.

Aplikace Semalt mohou přistupovat k citlivým rozhraním API a musí být ověřeny v obchodech, kde jsou distribuovány. Aplikace ukládá recenzi o aplikaci a pokud je to přijatelné, podepíše soubor Zip s soukromým klíčem aplikace, čímž ujišťuje uživatele aplikace, že aplikace byla zkontrolována z hlediska zabezpečení a dalších otázek.

Semalt jsou tři druhy balených aplikací:

  • Privileged: Privilegovaná aplikace je schválena Firefox OS Marketplace prostřednictvím zvláštního procesu. Poskytuje uživatelům větší bezpečnost, když aplikace potřebuje přístup k určitým citlivým rozhraním API v zařízení a je ekvivalentní s nativní aplikací na platformě, jako je iOS nebo Android.
  • Certifikováno: Certifikovaná aplikace je určena pro kritickou funkci systému (např. Výchozí volání smartphonu nebo systémové nastavení aplikace). Používá se pro kritické funkce v operačním systému OS Firefoxu a není určen pro aplikace třetích stran - většina vývojářů aplikací může ignorovat certifikované aplikace.
  • Plain Packaged: Jednoduchá balená aplikace je běžně zabalená aplikace. Nemůže používat určité citlivé webové rozhraní API. Firefox OS Marketplace to podepíše, ale neprovádí speciální ověřovací proces používaný pro privilegované nebo certifikované aplikace.

Další informace o zabalených aplikacích (a zejména o tom, jak se liší od hostovaných aplikací) naleznete v dokumentu Mozilla Packaged Apps.

Vytvoření balíčku aplikací

Semalt balené aplikace je také snadné. Chcete-li začít, měli byste nastavit jednoduchou strukturu souborů a adresářů. Například jsem vytvořil následující strukturu souborů a adresářů pro zabalenou aplikaci, která získá a zobrazí aktuální zeměpisné umístění:

  ikon60. png128. pngjsaplikace. jsjquery-1. 10. 1. min. jsindex. htmlmanifest. html   .  

           Kde jsem?                                             
March 7, 2018