Vytvoření aplikace Apache Cordova
Tento článek odkazuje na Visual Studio Tools for Apache Cordova, což je předběžná verze softwaru. Popisované funkce jsou ve verzi Preview a můžou se změnit. Verzi Preview si můžete stáhnout z webu Microsoft Download Center.
Aplikace vytvořené s použitím Visual Studio Tools pro Apache Cordova Cordova používá pro přístup k nativní rozhraní API pomocí webových technologií, jako je ve formátu HTML a CSS.Snížením nebo eliminuje nutnost nativního kódu, aplikace pracovat na více zařízeních.
Některé úlohy jsou společné pro většinu aplikací Cordova.Mezi ně patří:
Zvolte rozhraní JavaScript třetí strany
Vytváření uživatelského rozhraní
Přidat nativní funkce (moduly plug-in)
Přidat připojené služby
Přidat prostředky specifické pro platformu
Test, balíček, a publikování
Vytvořte projekt Cordova
Úvod do vývoje pomocí Visual Studio Tools pro Apache Cordova a popis projektovou strukturu pro Cordova projekty v sadě Visual Studio, naleznete v části Create Your First Hello World App.
Zvolte rozhraní JavaScript třetí strany
Obvykle se při vytváření Cordova aplikace, budete také chcete zahrnout si usnadníte vývoj aplikací nebo dodržovat doporučené postupy pro navrhování aplikací pro rozhraní JavaScript třetí strany.Nejste omezeni pouze na jediné framework!(Ani je vyžadována.Tyto platformy nejsou součástí Cordova.)
Třetí strany JavaScript platforem mohou zahrnovat řadu funkcí a návrh vlastnosti, například:
Model-View-Controller (MVC) návrhové vzory usnadňující připomínky samostatné aplikace.AngularJS a páteřní jsou pouze dva Oblíbené příklady tohoto objektu.
Ovládací prvky uživatelského rozhraní a stylů.Architektura uživatelského rozhraní (nebo knihovny) obvykle obsahuje konkrétní ovládací prvky, například ovládací prvek mřížky a v některých případech šablon stylů CSS.Další informace naleznete v části vytvářet uživatelské rozhraní.
Model navigace.Rozhraní, jako jsou AngularJS a otevřený zdroj WinJS, a dalších architektury poskytnout model jednostránkové navigace usnadňující povolit chování jako aplikace.
Vytváření uživatelského rozhraní
Cordova aplikace běží v ovládacím prvku webového zobrazení na všech platformách s výjimkou systému Windows a Windows Phone 8.1, takže bude mají tendenci k vyhledání více jako webové aplikace.Při plánování zobrazování UX pro zákazníky, je důležité požádat několik otázek:
Chcete, aby aplikace a vypadají stejně na různých platformách?
Pokud jsou zaměřených nativní-a vzhledu pro každou platformu náklady na vývoj bude vyšší a nativní-a vzhled může být obtížné dosáhnout.
Pokud chcete, aby nativní-a vzhled, jsou vám cílení na konkrétní platformu více než ostatním uživatelům?
Některé uživatelského rozhraní architektury může vypadat podobně jako konkrétní platformu-a vzhledu.Ale obvykle poskytují značkou prostředí a jsou určeny k vypadají stejně na platformách.Několik příkladů populární architektury uživatelského rozhraní patří iontové a Bootstrap.
Je důležité, postupujte podle pokynů návrh pro konkrétní platformy a ujistěte se, že svou aplikaci můžete předat procesu kontroly.Aplikace není nezbytně nutné vypadat nativní získat schválen pro úložiště aplikace, ale má více chovají jako aplikaci než na webové stránce.Další informace.Podívejte se na téma Get Your Cordova App Approved by the App Stores.
Pokud své uživatelské rozhraní je poměrně snadné, nebo pokud máte prostředky pro vývoj na straně, můžete vytvořit vlastní uživatelské rozhraní pomocí osvědčené postupy pro různé platformy CSS, jako je například pomocí flexibilního CSS3 a @media dotazy.Existuje mnoho webové prostředky, které poskytují informace o tomto.
Několik postupů k mějte na paměti je-li vytvořit vlastní uživatelského rozhraní:
Pokud jste jako cíl Android 4.4 nebo novější (na základě chromu prohlížeče), Windows nebo Windows Phone, je lepší podporu pro aktuální standardy šablon stylů CSS a dalších webových technologií.Podívejte se na téma caniuse.com konkrétní informace o podporované funkce.
Pokud cíl iOS nebo Android verze před 4.4, je v prohlížeči na základě WebKit.(Emulátor vln, která používá nainstalovaná verze Chrome, chová podobně jako Android 4.4.) Některé chování prohlížeče WebKit se liší.Můžete například prohlížeče WebKit neposkytují konzistentní podporu pro zobrazit a vh jednotky, které jsou užitečné při navrhování citlivé uživatelské rozhraní.
Tip
Použití sloučí složky ve vašem projektu ke zpracování rozdílů platformy, které nelze kódovat obecnější způsobem.
Příklad, který používá některé techniky uživatelského rozhraní a platformy, naleznete Ukázka stránky podrobností AngularJS.
Přidat nativní funkce (moduly plug-in)
Jedním z nejdůležitějších funkce, které poskytuje Cordova je podpora pro moduly plug-in, který povolit přístup k nativní funkce, jako jsou zeměpisná poloha a baterie.Pomocí modulu plug-in, můžete programovat obecný API jazyka JavaScript.Jádro moduly plug-in obvykle podporují všechny hlavní platformy, zatímco moduly plug-in jiných výrobců mohou vyžadovat další zkoumání.Modul plug-in podpora není k dispozici, můžete přizpůsobit a stávajících modul plug-in nebo napsat vlastní, což bude vyžadovat nativního kódu.
Další informace naleznete v tématuSpráva modulů plug-in pro aplikace vytvořené s nástroji Visual Studio Tools for Apache Cordova
Přidat připojené služby
Pokud vaše aplikace používá Azure nebo Office 365 služeb, naleznete v části Přidání připojených služeb k aplikaci vytvořené s nástroji Visual Studio Tools for Apache Cordova.Základní modul plug-in pro mobilních služeb Azure je k dispozici v Config Designer v sadě Visual Studio.
Informace o přidání služby Azure vzorová aplikace pro seznam úloh pro Visual Studio Tools pro Apache Cordova (verze AngularJS) naleznete v tématu Vytvoření ukázkové aplikace se seznamem úkolů.
Přidat prostředky specifické pro platformu
Specifické pro platformu prostředkům, jako úvodní obrazovky a ikony úložiště, je třeba získat aplikace schválen ke stažení z obchodů app Store.Tyto prostředky obsahuje rozlišení složky ve vašem projektu.Chcete-li přidat vlastní konfigurační soubory můžete také použít rozlišení složku.Další informace naleznete v tématu Konfigurace aplikace vytvořené s nástroji Visual Studio Tools for Apache Cordova.