Reagovat rodák
je platforma, která vám umožní vybudovat nativní mobilní aplikace pomocí JavaScriptu. Jak název napovídá, používá
Reagovat
, takže skládání mobilních rozhraní je podobná použití reakce na webu. Spíše než vytvářet komponenty pomocí značek HTML, má vlastní sadu komponent, které se vážou na nativní součásti UI.
Reagovat nativní může být složitý pro nastavení, zejména pokud jde o push oznámení. Musíte nastavit certifikáty a ponořit se do objektivu-C pro iOS a Java pro Android. Nicméně,
Expo.
Eliminuje potřebu tohoto.
Budování webové stránky spíše než aplikace? Můžete použít slušný
Webové stránky Builder.
. A udržet si stránky, dostat své
web hosting
na místě.
30 Web Design Tools pro urychlení pracovního postupu
Expo znamená, že můžete vytvořit reagovat nativní aplikace a nasadit je do App Stores pomocí pouze JS. Navíc nabízí SDK s přístupem k nativní funkčnosti, jako jsou oznámení, fotoaparát, kontakty, umístění a tak dále. Poskytuje také přístup k některým komponentám UI, které nejsou zahrnuty do reagujícího nativního jádra, ale jsou často používány, jako jsou ikony, rozmazané pohledy a tak dále, aniž by bylo nutné napsat řádek nativního kódu.
Expo může také vytvářet podání připravené app sestavuje bez nutnosti sestavení pomocí XCODe nebo Android Studio. Pokud jste nepoužili ani dříve, mohou být děsivé místo, zejména pokud právě začínáte s reagovat nativní - nebo nejsou obecně jisti
Jak udělat aplikaci
. Aplikace (nebo projekty) mohou být také zveřejněny pro expo spíše než předložení do App Store, který umožňuje uživatelům vyzkoušet projekt prostřednictvím mobilního klienta Expo. Nebojte se, bude to pokryto později!
Budujete aplikaci s týmem? Uložte soubory v přístupném, spolehlivém
cloudové úložiště
.
01. Nastavte Expo
Instalace Expo je přímočarým procesem. Přejděte na
stránka
A stáhněte nejnovější XDE, pak nainstalujte mobilní aplikaci do telefonu nebo tabletu. Mobilní klient umožňuje spuštěním aplikací na reálném zařízení prostřednictvím jejich aplikace, aniž by vyžadovaly jakékoli licence pro vývojáře nebo nastavení certifikátů předem.
Poté můžete aplikaci publikovat na službu Expo, aby uživatelé mohli spouštět dokončené projekty prostřednictvím mobilního klienta Expo, aniž byste museli projít prostřednictvím App Store a Google Play Review Processes.
Expo Support Building Stand-Alone Apps, které mohou být ručně zveřejněny pro App Store nebo Přehrát Store, ale budete potřebovat účty vývojářů pro vydání platformy.
Developerský program Apple
stojí £ 79 ročně a
Společnost Google Play Console
stojí jednorázový poplatek ve výši 25 USD.
02. Vytvořte svou první aplikaci
Tento XDE nám poskytuje podrobné informace pro projekt. Levé okno je reagující nativní packager a pravé okno zobrazuje všechny protokoly ze zařízení
Pojďme se dostat do podnikání a vytvořit naši první aplikaci s expo. Otevřete Expo XDE, zvolte Project & GT; Nový projekt a vyberte prázdnou šablonu. Nainstalujte všechny závislosti a spusťte reagovat nativní packager, který svazuje všechny aktivy.
Odtud můžete aplikaci publikovat, sdílet aplikaci do mobilního klienta Expo nebo spustit aplikaci na simulátoru. Tato aplikace bude zahrnovat vytváření push oznámení, takže se chystáte sdílet na mobilní klienta Expo, protože simulátoři je nepodporují. Kliknutím na tlačítko Sdílení získáte QR kód pro skenování nebo možnost odeslat odkaz přes SMS nebo e-mail. Skenujte QR kód s klientem Expo. To spustí aplikaci prostřednictvím klienta Expo a otevírá se na obrazovku s: 'Otevřít aplikaci App.JS začít pracovat na vaší aplikaci!'
S spuštěním aplikace otevřete projekt v oblíbeném editoru kódu a otevřete App.JS. Najděte text výše a změňte jej na klasický 'Ahoj World!', Pak uložte. Měli byste se automaticky zobrazit aplikaci znovu načíst a mít text "Hello World!" Nyní viditelný. Kouzlo!
I když se vyvíjíte, třepání zařízení odhalí menu vývojáře, která má užitečné možnosti ladění. Z tohoto menu se také můžete vrátit do expo domů - užitečné pro opuštění aplikace nebo přepnout na jiný.
03. Přidat oznámení
Nyní máte základní aplikaci nastavit a spuštěn, přidejte možnost odesílat a přijímat oznámení. To by normálně vyžadovalo objektivní CIRE-C a Java, integrující službu třetích stran k odeslání oznámení a budete muset také nastavit certifikáty pro IOS a Vytvořit klíče pro Android.
Za prvé, musíte importovat oprávnění a oznámení od Expo a vytvořit novou funkci v aplikaci Class:
Import {oprávnění, oznámení} z "expo";
Export Default Class App rozšíří Reage.component {
Async RegisterPushNotifikace () {
}
}
Zde používáte klíčové slovo Async k použití funkce ES2017 async / čeká - reagovat nativní má babel pracující pod kapotou, takže můžete využít všechny nové JavaScript Goodness. Požádme se o oprávnění oznámení a načíst expo push token - identifikovat zařízení - tak, aby expo ví, kde odesílat oznámení push:
Async RegisterPushNotifikace () {
Koncový výsledek = čeká na oprávnění.askasync (permissions.remote_notifikace);
Pokud (výsledek.Status! == 'uděleno') {
vrátit se;
}
CONST TOKEN = čekají na oznámení.GetExpopushOnoSync ();
console.log (token);
}
Zde požádáte o povolení oznámení pomocí metody Permissions.Ascasync (). Upozornění se zobrazí pouze na IOS jako Android ve výchozím nastavení umožňuje oznámení. Navzdory tomu stále ještě musíte běžet stejnou logikou na Android, protože je možné vypnout oznámení.
Dále zkontrolujte odpověď. Pokud nejsou oznámení udělena, můžete zastavit a vrátit se z funkce. Pokud jsou oznámení udělena, dostanete token push z služby Expo. Nakonec můžete protokolovat token ven pro pozdější použití pro testování oznámení a to bude zaznamenáno na expo XDE.
Stojí za zmínku v tomto okamžiku, že - na IOS - tato upozornění lze spustit pouze jednou designu; Pokud tedy uživatel popírá oprávnění, budete chtít zvážit přidávání vlastního oznámení nebo upozornění před návratem z funkce. Aby bylo možné upozornit v tomto bodě, bude uživatel povinen jít do nastavení aplikace (v našem případě, bude to expo) & gt; Oznámení a dovolit je odtud. Z tohoto důvodu budete muset odstranit mobilní klienta Expo a přeinstalovat, zda chcete otestovat varování povolení na IOS více než jednou.
Expo poskytuje dodatečně metodu zvanou povolení. Pracuje () a to funguje podobným způsobem na oprávnění .aScassync (), jen bez vypálení výstrahy iOS. To by mohlo být užitečné, pokud chcete zkontrolovat stav nejprve vytvořit vlastní tok, který vás požádá o oprávnění. Pokud byl výstraha IOS dříve spuštěna (nezapomeňte, může být vypáleno pouze jednou za instalaci aplikace), oprávnění.askasync () vrátí stejné informace jako oprávnění. použít oprávnění.getasync ().
Potom musíte tuto funkci volat v metodě životního cyklu ComponentDidMount, aby běží na spuštění aplikace:
Dále, pokud přijmete oprávnění oznámení, vaše aplikace bude moci přijímat místní a vzdálená oznámení. Místní oznámení jsou pak nastaveny a odesílány přes přístroj přímo do aplikace a nevyžadují připojení k Internetu. Vzdálená oznámení pocházejí ze serveru a odešlete oznámení prostřednictvím systému oznámení Apple Push (APNS) nebo služby Google Cloud Messaging (GCM). Tento proces bude také vyžadovat přístup k internetovému připojení k jejich obdržení.
Expo má službu odeslat oznámení na https://exp.host/--/api/v2/push/send; Vše, co musíte udělat, je poslat některá data. To pak vypadá trochu jako následující:
{
// tlačit token.
"Do": token z aplikace a gt;
// Název oznámení.
"Název": "Název oznámení",
// Oznámení oznámení.
"Tělo": "Oznámení tělo",
// projít daty jako objekt, lze to použít při manipulaci s oznámením.
"Data": {"hodnota": "Ahoj World!" }
}
Expo Toolkit dělá odesílání a přijímání push oznámení bez námahy
Než otestujeme oznámení, nakonfigurujeme naši aplikaci pro zpracování oznámení, pokud je aplikace otevřená. Podle Design, IOS a Android neukazují oznámení, když je aplikace otevřená. Můžete také zpracovávat všechny údaje odeslané ve zprávě Zde, v případě, že budeme muset jednat na něj. Vytvořme novou funkci pro zpracování a upozornění vlastnosti hodnoty dat:
Nyní jste nastaven. Pojďme poslat push oznámení s požadavkem na curl:
Curl \ t
-X příspěvek \ t
-H "Obsah typu: Aplikace / JSON" \ t
-D '{
"Do": "
Můžete chytit tento příkaz CURL
tady
. Pokud nejste obeznámeni s Curl, můžete žádost poslat pomocí něčeho jako
Listonoš
, který používá GUI pro odesílání požadavků.
Jakmile bude žádost odeslána, měli byste nyní vidět oznámení. Používání služby Expo Push Service neexistují žádná omezení. Ve scénáři v reálném světě je doporučeno použít dávkové rozhraní API zasláním řady push oznámení, v dávkách 100, které mají být odeslány pro efektivitu:
{// Oznámení Oznámení jako výše},
{// jiný objekt oznámení}
]
04. Publikovat s Expo
Spuštění aplikace na zařízení je zážitek z ne-fuss. Stačí skenovat QR kód s aplikací Expo a načte se hned
Takže teď, když máme lesklou novou reagující nativní aplikaci (i když to ještě neudělá moc!), Jak to necháme ostatním používat, aniž by ho běžel od Expo XDE? Nejjednodušší způsob je kliknutím na publikování z XDE. To zveřejní projekt na Expo a odkaz se objeví na vašem profilu, který najdete na https://expo.io/@<.dusername>
Když navštívíte publikované projektový odkaz, bude kódu QR kódu skenovat (umístěný mezi stejnými možnostmi jako XDE) s Mobile Client Expo, stejně jako během vývoje. Chceme-li aktualizovat aplikaci, vše, co musíme udělat, je publikovat a změny budou k dispozici uživateli při opětovném spuštění aplikace.
Tento článek byl původně publikován v čísle 297 sítě, nejprodávanější časopis na světě pro web designéry a vývojáře.
Přihlásit se k odběru netto
.
Chcete se dozvědět více způsobů, jak můžete zvládnout?
Máte-li zájem o další informace o reakci, ujistěte se, že jste zvedli jízdenku
Generovat Londýn od 19. do 21. září 2018
. Po založení Reage Academy učit reagovat po celém světě a spuštěn
Sizy.co.
a
OK-GOOGLE.IO.
, Kristijan Ristovski bude dodávat svůj workshop - naučit se, jak si myslet v reakci - ve kterém on bude zkoumat reagovat osvědčené postupy a naučit vás řešení skutečných problémů, které byste mohli setkat v procesu budování aplikace.
Společnost Adobe spustí novou sérii video tutoriálů dnes nazvaný, aby to bylo nyní, což je zaměřeno na obrys jak vytvořit konkrétní projekty projektů pomocí různých
..
