Клиповете на приложението предоставят бърз начин за достъп до конкретни функции на приложение за iOS, без да изтегляте цялото нещо. Те позволяват на потребителите лесно да изпитат и да се възползват от приложение, което може да ги насърчи да изтеглят пълното приложение.
Как клиповете на приложението се различават от традиционните приложения
Основната разлика между App Clip и традиционното приложение е в тяхното ниво на функционалност и функции. Клиповете на приложението осигуряват бърз достъп до конкретна функция на приложението. Проектирани да бъдат лесно откриваеми и стартирани, App Clips предоставят на потребителите необходимата функционалност за изпълнение на задача.
След като задачата приключи, клипът автоматично се деинсталира след период на неактивност.
Клиповете на приложението обикновено се стартират от уебсайтове, NFC тагове, сканиране на QR кодове и др.
От друга страна, традиционните приложения трябва да бъдат напълно изтеглени и инсталирани на устройството на потребителя преди употреба. Те обикновено са по-изчерпателни, предоставяйки пълната гама от функции и потребителско изживяване. Традиционните приложения се справят с по-чести случаи на употреба, които тяхното разработване трябва да вземе предвид.
Проектиране на ефективен клип за приложение с React Native
Тъй като App Clips са функция на iOS платформа, ще трябва да работите с iOS проекта в рамките на React Native приложение.
Няма установен начин за създаване на клип за приложение за iOS с помощта на React Native. Има обаче някои фактори, които трябва да вземете предвид в уравнението, които ще ви помогнат да изградите ефективен и функционален клип за приложение.
Размер на клипа на приложението
Основен препъникамък, с който ще се сблъскате, е да поддържате размера на клипа на приложението си под необходимия бенчмарк от 10 мегабайта.
Клип за приложение и съответното му пълно приложение ще споделят определена основна функционалност. Например и двете приложения може да могат да изпращат известия и правете API извиквания. Трябва обаче да оставите всички ненужни функции в зависимост от целта на App Clip.
Тази ограничена функционалност означава, че App Clip ще има по-малък набор от естествени зависимости, необходими за функционирането.
Тъй като App Clips предоставят фокусирано, леко изживяване, трябва да сте изрични за собствените зависимости, дефинирани за App Clip. Ще дефинирате тези зависимости в iOS Podfile, преди да инсталирате Pods ръчно.
Функционален UI дизайн за клипа на приложението
Клиповете на приложението обикновено се изграждат по същия начин като пълното изживяване на приложението. Решаването как вашият App Clip може най-добре да отразява пълното приложение, като същевременно остава фокусиран върху задачата си и е лек, е нещо, което трябва да обмислите. Вземете клипа на приложението на Shazam и пълното приложение:
Тяхната дизайнерска архитектура е по същество същата, както и някои основни функционалности. Дизайнът на вашия App Clip трябва да се фокусира върху функционалността и практичността. Изградете го, за да работи гладко и да показва информация на потребителя само когато е абсолютно необходимо.
Структура на кодекса
Можете да се възползвате от споделените прилики между клип на приложение и пълното приложение, когато планирате структурата на вашия код.
Споделянето на код между двете целеви приложения би било идеално за поддръжка. Като споделяте обща кодова база, можете също да намалите броя на външните библиотеки и зависимости, добавени към проекта.
Споделената кодова база може да бъде набор от JavaScript файлове, съдържащи бизнес логиката на приложението. След това можете да конфигурирате своя Xcode проект да използва тази кодова база, като добавите споделената кодова база като зависимост.
Трябва да се уверите, че и двете версии на вашето приложение включват споделен код. Използвайте инструмент като Metro Bundler за приложението React Native и системата за фаза на изграждане на Xcode за App Clip.
Започнете да създавате клипа на приложението
За да изградите първия си React Native захранван App Clip, отворете React Native iOS проекта в Xcode, след като създадете прост React Native проект с помощта npx react-native инициал.
Apple стартира App Clips със своята софтуерна актуализация на iOS 14, така че ще ви е необходим вашият симулатор, работещ с iOS 14, за да стартира App Clip.
За да създадете нова цел за клип на приложение в Xcode:
- Изберете Файл > Нов > Цел > Клип на приложението (търсете „App Clip“ в лентата за търсене, за да добавите целта App Clip към вашия проект):
- След това продължете да попълвате опциите за клипа на приложението:
За да включи изживяване с App Clip в съществуващия проект на Xcode, Xcode ще добави нова фаза на изграждане към целта на приложението. Можете да стартирате клипа на приложението в Xcode на този начален етап, но той ще изглежда празен, тъй като все още не присъстват компоненти на потребителския интерфейс.
За да създадете потребителското изживяване за App Clip, вие ще интегрирате React Native код, за да дефинирате всички необходими елементи на потребителския интерфейс. Като използвате React Native, можете да създадете интуитивен и отзивчив интерфейс за вашия App Clip, който ще функционира ефективно на iOS устройства.
След като интегрирате кода на React Native в проекта Xcode, можете да визуализирате потребителския интерфейс на App Clip и да направите всички необходими настройки.
Както споменахме по-рано, изграждането на App Clip с React Native не е по-различно от изграждането на всяко обикновено iOS приложение с React Native. Просто не забравяйте да следите постоянно размера на App Clip, докато изграждате и добавяте нови зависимости за приложението.
Бъдещи възможности за клипове за приложения
App Clips може потенциално да революционизира начина, по който взаимодействаме с мобилните приложения и физическия свят. Можете да ги използвате за безконтактни плащания, ориентиране, разширена реалност, интернет на нещата (IoT), услуги по заявка, билети за събития и контрол на достъпа. Очаквайте с развитието на технологиите да се появят нови и креативни случаи на използване на App Clips.
Накратко, App Clips осигуряват бърз и лесен достъп до функциите на приложението, което ги прави ефективно и удобно решение за потребители в движение.