App Clips poskytují rychlý způsob přístupu ke konkrétním funkcím aplikace pro iOS, aniž byste museli stahovat celou věc. Umožňují uživatelům snadno používat aplikaci a těžit z ní, což je může povzbudit ke stažení celé aplikace.
Jak se klipy aplikací liší od tradičních aplikací
Hlavní rozdíl mezi klipem aplikace a tradiční aplikací spočívá v jejich úrovni funkčnosti a funkcí. Klipy aplikací poskytují rychlý přístup ke konkrétní funkci aplikace. App Clips, které jsou navrženy tak, aby je bylo možné snadno objevit a spouštět, poskytují uživatelům potřebné funkce k dokončení úkolu.
Po dokončení úlohy se klip po určité době nečinnosti automaticky odinstaluje.
Klipy aplikací se běžně spouštějí z webových stránek, značek NFC, skenování QR kódů a dalších.
Na druhou stranu tradiční aplikace musí být před použitím plně staženy a nainstalovány do zařízení uživatele. Obvykle jsou komplexnější a poskytují celou řadu funkcí a uživatelských zkušeností. Tradiční aplikace zvládají častější případy použití, které by jejich vývoj měl brát v úvahu.
Návrh efektivního klipu aplikace s React Native
Protože App Clips jsou funkcí platformy iOS, budete muset s projektem iOS pracovat v rámci aplikace React Native.
Neexistuje žádný zavedený způsob, jak vytvořit klip iOS App Clip pomocí React Native. V rovnici je však třeba vzít v úvahu některé faktory, které vám pomohou vytvořit efektivní a funkční klip aplikace.
Velikost klipu aplikace
Hlavním kamenem úrazu, kterému budete čelit, je udržení velikosti klipu aplikace pod požadovaným měřítkem 10 megabajtů.
App Clip a jeho odpovídající úplná aplikace budou sdílet určité základní funkce. Obě aplikace mohou například umět odesílat upozornění a provádět volání API. V závislosti na cíli klipu aplikace byste však měli vynechat všechny zbytečné funkce.
Tato omezená funkčnost znamená, že App Clip bude mít menší sadu nativních závislostí potřebných k fungování.
Vzhledem k tomu, že klipy aplikací poskytují cílené a odlehčené prostředí, měli byste být explicitní ohledně nativních závislostí definovaných pro klip aplikace. Tyto závislosti definujete v souboru iOS Podfile před ruční instalací Podů.
Funkční návrh uživatelského rozhraní pro klip aplikace
Klipy aplikací jsou obvykle vytvořeny identicky jako celá aplikace. Je třeba zvážit rozhodnutí, jak může váš App Clip nejlépe zrcadlit celou aplikaci a přitom se soustředit na svůj úkol a být lehký. Vezměte si klip aplikace Shazam a celou aplikaci:
Jejich architektura designu je v podstatě stejná, stejně jako některé základní funkce. Design vašeho App Clip by se měl zaměřit na funkčnost a praktičnost. Sestavte jej tak, aby fungoval hladce a zobrazoval informace uživateli pouze tehdy, když je to nezbytně nutné.
Struktura kodexu
Při plánování struktury kódu můžete využít sdílené podobnosti mezi klipem aplikace a úplnou aplikací.
Sdílení kódu mezi dvěma cílovými aplikacemi by bylo ideální pro údržbu. Sdílením společné kódové základny můžete také snížit počet externích knihoven a závislostí přidaných do projektu.
Sdílenou kódovou základnou může být sada souborů JavaScript obsahujících obchodní logiku aplikace. Poté můžete svůj projekt Xcode nakonfigurovat tak, aby používal tuto kódovou základnu přidáním sdílené kódové základny jako závislosti.
Měli byste zajistit, aby obě verze vaší aplikace obsahovaly jakýkoli sdílený kód. Použijte nástroj jako Metro Bundler pro aplikaci React Native a systém fáze sestavení Xcode pro App Clip.
Začněte s vytvářením klipu aplikace
Chcete-li vytvořit svůj první klip aplikace s podporou React Native, otevřete projekt React Native iOS v Xcode po vytvoření jednoduchého projektu React Native pomocí npx reakt-nativní init.
Apple spustil App Clips s aktualizací softwaru pro iOS 14, takže ke spuštění App Clip budete potřebovat simulátor se systémem iOS 14.
Chcete-li vytvořit nový cíl klipu aplikace v Xcode:
- Vybrat Soubor > Nový > Cíl > Klip aplikace (vyhledejte „App Clip“ ve vyhledávacím poli a přidejte cíl App Clip do svého projektu):
- Poté pokračujte ve vyplnění možností pro klip aplikace:
Aby bylo možné začlenit prostředí App Clip do stávajícího projektu Xcode, přidá Xcode do cíle aplikace novou fázi sestavení. V této počáteční fázi můžete spustit klip aplikace v Xcode, ale bude se zdát prázdný, protože zatím nejsou přítomny žádné komponenty uživatelského rozhraní.
Chcete-li vytvořit uživatelské prostředí pro klip aplikace, integrujete kód React Native, který definuje všechny potřebné prvky uživatelského rozhraní. Využitím React Native můžete vytvořit intuitivní a responzivní rozhraní pro váš App Clip, které bude efektivně fungovat na všech iOS zařízeních.
Po integraci kódu React Native do projektu Xcode si můžete prohlédnout uživatelské rozhraní App Clip a provést potřebná vylepšení.
Jak již bylo zmíněno, vytváření klipu aplikace pomocí React Native se nijak neliší od vytváření jakékoli běžné aplikace pro iOS pomocí React Native. Při vytváření a přidávání nových závislostí aplikace nezapomeňte neustále sledovat velikost klipu aplikace.
Budoucí možnosti klipů aplikací
App Clips mohou potenciálně způsobit revoluci v tom, jak interagujeme s mobilními aplikacemi a fyzickým světem. Můžete je použít pro bezkontaktní platby, hledání cesty, rozšířenou realitu, internet věcí (IoT), služby na vyžádání, vstupenky na akce a řízení přístupu. Očekávejte, že s vývojem technologie se objeví nové a kreativní případy použití pro App Clips.
Stručně řečeno, App Clips poskytují rychlý a snadný přístup k funkcím aplikace, což z nich činí efektivní a pohodlné řešení pro uživatele na cestách.