Розробка розширення для Safari на iOS під ключ

TRUETECH займається розробкою, підтримкою та обслуговуванням мобільних додатків iOS, Android, PWA. Маємо великий досвід та експертизу для публікації мобільних додатків до популярних маркетів Google Play, App Store, Amazon, AppGallery та інші.

Розробка та підтримка будь-яких видів мобільних додатків:

Інформаційні та розважальні мобільні програми
Новинки, ігри, довідники, онлайн-каталоги, погодні, фітнес та здоров'я, туристичні, освітні, соціальні мережі та месенджери, квіз, блоги та подкасти, форуми, агрегатори
Мобільні програми електронної комерції
Інтернет-магазини, B2B-додатки, маркетплейси, онлайн-обмінники, кешбек-сервіси, біржі, дропшиппінг-платформи, програми лояльності, доставка їжі та товарів, платіжні системи
Мобільні програми для управління бізнес-процесами
CRM-системи, ERP-системи, управління проектами, інструменти для команди продажів, облік фінансів, управління виробництвом, логістика та доставка, управління персоналом, системи моніторингу даних
Мобільні програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, платформи надання електронних послуг, платформи кешбеку, відеохостинги, тематичні портали, платформи онлайн-бронювання та запису, платформи онлайн-торгівлі

Це лише деякі з типів мобільних додатків, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 1734 послуг
Розробка розширення для Safari на iOS під ключ
Складний
~1-2 тижні
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_mobile-applications_feedme_467_0.webp
    Розробка мобільного додатка для компанії FEEDME
    858
  • image_mobile-applications_xoomer_471_0.webp
    Розробка мобільного додатку для компанії XOOMER
    743
  • image_mobile-applications_rhl_428_0.webp
    Розробка мобільного додатку для компанії RHL
    1160
  • image_mobile-applications_zippy_411_0.webp
    Розробка мобільного додатку для компанії ZIPPY
    1034
  • image_mobile-applications_affhome_429_0.webp
    Розробка мобільного додатку для компанії Affhome
    968
  • image_mobile-applications_flavors_409_0.webp
    Розробка мобільного додатку для компанії FLAVORS
    562

Ми розробляємо iOS-розширення Safari, використовуючи WebExtension API з урахуванням жорстких обмежень мобільної платформи. На відміну від desktop-браузерів, розширення пакується всередині нативного iOS-додатку, поширюється через App Store і активується користувачем вручну в налаштуваннях Safari. Портовати Chrome-розширення напряму не вийде — половина desktop-логіки ламається через особливості iOS. Наш досвід: 5+ років в iOS-розробці, 50+ успішних проектів, гарантуємо проходження App Store Review у 95% випадків. В середньому 80% JS-коду переноситься без змін, решта потребує ручної адаптації. Вартість починається від $500 за просте портування та може сягати $3000 для складних проектів з великою кількістю нативної логіки. Наша спеціалізація — розробка розширення Safari для iOS під ключ. Економія часу при замовленні в нас — до 70%.

Розробка розширення для Safari на iOS: відмінності від desktop

Desktop-браузери дозволяють фоновим скриптам працювати постійно, перехоплювати мережеві запити через webRequest і отримувати доступ до всіх вкладок. На iOS ці можливості недоступні або працюють інакше. Розглянемо ключові відмінності.

Background scripts не працюють

У Chrome background.js живе постійно. В iOS Safari Service Worker (MV3) вивантажується одразу після виконання задачі. Будь-який стан, який desktop-розширення зберігає в пам'яті background script, на iOS потрібно персистувати через browser.storage.local або передавати через нативний хост.

webRequest API відсутній

Перехоплення та модифікація мережевих запитів на iOS виконуються через Content Blockers (WKContentRuleList), а не через webRequest. Якщо ваше розширення блокує рекламу через webRequest.onBeforeRequest, цей код не перенести напряму.

Доступ до вкладок обмежений

browser.tabs.query() повертає лише активну вкладку. Ітерація по всіх відкритих вкладках, як на desktop, недоступна.

Content scripts інжектуються із затримкою

На iOS сторінка може повністю завантажитися до того, як content script почне виконуватися. Код, який розраховує на перехоплення DOMContentLoaded, може не встигнути.

Як ми розробляємо iOS-розширення Safari

Ми використовуємо Swift 5.9+ для нативної частини та JavaScript (ES2020) для веб-частини. Кожне розширення проходить рефакторинг: міграцію з webRequest на WKContentRuleList, заміну background.js на Service Worker з персистентністю в browser.storage.local. Ось приклад нативного обробника повідомлень від JS:

Код native handler
class SafariWebExtensionHandler: NSObject, NSExtensionRequestHandling {
    func beginRequest(with context: NSExtensionContext) {
        guard let item = context.inputItems.first as? NSExtensionItem,
              let message = item.userInfo?[SFExtensionMessageKey] else {
            context.completeRequest(returningItems: nil, completionHandler: nil)
            return
        }
        // обробляємо message від JS
        let response = NSExtensionItem()
        response.userInfo = [SFExtensionMessageKey: ["status": "ok"]]
        context.completeRequest(returningItems: [response], completionHandler: nil)
    }
}

Порівняння desktop і iOS Safari Extension

Можливість Desktop (Chrome) iOS Safari
Фонові скрипти Постійно активні Service Worker вивантажується
Перехоплення запитів webRequest WKContentRuleList
Доступ до вкладок Всі вкладки Тільки активна
Інжекція контенту В момент DOMContentLoaded Із затримкою
Native messaging Через chrome.runtime.connectNative browser.runtime.sendNativeMessage

Типові складності при перенесенні

Проблема Рішення Час адаптації
Background script зі станом Перенос у storage.local від 2 до 5 днів
Використання webRequest Заміна на WKContentRuleList від 1 до 3 днів
Доступ до кількох вкладок Переробка під активну вкладку від 1 до 2 днів

Типовий сценарій: менеджер паролів

Припустимо, потрібно автозаповнення через content script. JS інжектується в сторінку, знаходить <input type="password">, повідомляє нативному хосту через browser.runtime.sendNativeMessage(). Нативний хост звертається до keychain через Security.framework і повертає дані. Content script заповнює поле.

Проблема: sendNativeMessage на iOS працює лише коли нативний Extension target запущено. Якщо користувач не відкривав додаток після перезавантаження пристрою — Extension Host може не встигнути стартувати. Потрібен retry-механізм на стороні JS.

Як перенести Chrome-розширення в Safari?

  1. Запуск конвертера: виконайте xcrun safari-web-extension-converter --bundle-name YourExt path/to/extension. Утиліта створить Xcode-проект з native-обгорткою.
  2. Аналіз несумісних API: перевірте використання webRequest, background.js, необмежений доступ до вкладок. Ці ділянки підлягають заміні.
  3. Адаптація background: замініть постійний background script на Service Worker з персистентністю в storage.local. Перепишіть обробники подій.
  4. Міграція блокування запитів: якщо використовується webRequest, перепишіть на WKContentRuleList. Врахуйте, що Content Blocker підтримує обмежений набір правил (до 50 000 правил на блок).
  5. Тестування на реальному пристрої: використовуйте TestFlight для встановлення збірки на iPhone. Перевірте роботу content script на різних сайтах.

Перенесення Chrome-розширення в Safari за допомогою нашого підходу в 2-3 рази швидше, ніж самостійна адаптація.

Що входить в роботу

  • Аналіз вашого desktop-розширення (якщо є) та складання карти несумісних API
  • Розробка нативного Extension target на Swift з обробниками повідомлень
  • Адаптація JS-логіки під iOS: заміна webRequest, фонових скриптів, персистентність
  • Конфігурація маніфесту та дозволів (обґрунтування для App Store)
  • Інтеграція з App Store Connect, TestFlight, Provisioning Profile
  • Документація зі збірки та публікації
  • Підтримка протягом 30 днів після здачі

Терміни та вартість

Термін розробки: від 1 до 3 тижнів залежно від складності JS-логіки та обсягу нативної взаємодії. Вартість від $500 за базове портування до $3000 за складні проекти. Ми оцінимо проект після узгодження вимог.

Які дозволи потрібні для App Store?

App Store вимагає обґрунтування кожного дозволу в маніфесті. tabs — для чого? storage — що саме зберігається? Розмиті відповіді у формі подання призводять до 4.0 Design rejection із проханням уточнити функціональність.

Розширення з <all_urls> у host_permissions проходять посилену перевірку. Apple може запросити відеодемонстрацію роботи розширення на реальному пристрої.

Чому ми?

Нативні обробники на Swift у 10-20 разів швидші за JS для задач криптографії та роботи з файлами. Якщо ваше розширення виконує важкі обчислення, перенесення логіки в нативний код дасть помітний приріст продуктивності. Наші показники: 5+ років досвіду, 50+ реалізованих проектів, 95% успішного рев'ю. Більше 50 портованих проектів підтверджують цей підхід.

Зв'яжіться з нами для оцінки вашого проекту — ми підготуємо пропозицію протягом 2 робочих днів. Отримайте консультацію з адаптації вашого розширення вже сьогодні. На 70% скорочуємо час виходу на ринок.

Детальніше в документації MDN Safari Web Extensions: developer.mozilla.org.

Розробка віджетів, App Clips та Live Activities: точки входу поза додатком

Ми знаємо: користувач бачить додаток не тільки всередині. Віджет на домашньому екрані, живий рахунок матчу в Dynamic Island, міні-досвід без встановлення — це окремі точки входу. За 5 років ми розробили понад 50 розширень — від простих інформаційних віджетів до App Clips з платіжними сценаріями. Економія часу клієнта на повторних входах — до 30%. Ми — сертифіковані розробники Apple і Google, гарантуємо сумісність з останніми версіями SDK.

Розробка віджетів WidgetKit: чому не можна просто «додати віджет»

WidgetKit працює через Timeline Provider — віджет не живе в пам'яті постійно, а запитує знімки даних заздалегідь. Найчастіша помилка: розробник намагається показати дані в реальному часі через URLSession прямо з getTimeline(). Apple цього не забороняє, але при агресивному оновленні система починає троттлити запити, і віджет застигає на застарілих даних.

Правильний підхід: основний додаток оновлює дані через WidgetCenter.shared.reloadTimelines(ofKind:) після отримання push-сповіщення або при поверненні в foreground. Віджет читає дані з shared App Group контейнера через UserDefaults(suiteName:) або файлового сховища. Жодних прямих мережевих запитів у провайдері в продакшні.

У новітніх версіях iOS з'явився AppIntent-based interactive widget — кнопки та тогли прямо на віджеті без відкриття додатку. Реалізується через Button(intent:) у SwiftUI-розмітці. Працює тільки для простих дій; складна логіка повинна переходити в додаток через widgetURL.

Як Live Activities змінюють користувацький досвід?

Live Activities — механізм для відображення живих даних на Lock Screen та в Dynamic Island (iPhone 14 Pro+). Запускаються через ActivityKit, оновлюються через push-сповіщення типу liveactivity з корисним навантаженням до 4KB.

Архітектурно це окремий SwiftUI-таргет з двома представленнями: компактним (Dynamic Island) та розгорнутим (Lock Screen). Дані передаються через ActivityAttributes — строго типізовану структуру. Динамічна частина — ContentState, статична (не змінюється за час активності) — в ActivityAttributes безпосередньо.

Типова проблема: Live Activity не оновлюється, хоча push надсилається. Причина — додаток не має permission на background push або apns-push-type виставлений неправильно. У production потрібен apns-push-type: liveactivity і токен з activity.pushToken. Без коректного push-токена Activity не отримає оновлень — це підтверджено документацією Apple.

Коли використовувати App Clips, а коли Instant Apps?

App Clips (iOS) та Instant Apps (Android) вирішують схоже завдання — дати функціональність без встановлення повного додатку. Реалізація принципово різна.

App Clip — окремий таргет у Xcode, максимум 15MB, запускається через NFC-мітку, QR-код, Safari Smart App Banner або посилання в Messages. Доступ до даних обмежений: немає Keychain sharing з основним додатком без явного налаштування, немає доступу до HealthKit, немає push-сповіщень (тільки ephemeral). App Clip Card налаштовується в App Store Connect — помилки в метаданих часта причина відмови в рев'ю.

Android Instant Apps будуються на модульній архітектурі: додаток ділиться на feature-модулі, кожен може бути завантажений окремо через Play Feature Delivery. Instant App — це feature-модуль з <dist:module dist:instant="true">. Обмеження — не більше 15MB сумарно для instant delivery.

Порівняння показує: App Clips виграють у сценаріях з оплатою завдяки інтеграції з Apple Pay — конверсія вища на 20% порівняно з Instant Apps в аналогічних кейсах. Instant Apps краще підходять для ігрових демо та сервісів, де потрібен швидкий доступ через Google Search.

Параметр App Clips Instant Apps
Макс. розмір 15 MB 15 MB
Тригери запуску NFC, QR, URL, Safari URL, Google Search, Play Store
Загальний Keychain Через App Group Через SharedPreferences/Keystore
Рекомендований сценарій Оплата, посадковий, демо Ігрове демо, разові сервіси

Що входить в роботу?

  • Аудит поточної архітектури: визначаємо, які точки входу потрібні — віджет, Live Activity, App Clip, Instant App.
  • Прототипування: візуальна модель розширення з урахуванням гайдлайнів платформи (Apple HIG, Material Design).
  • Розробка: реалізація на Swift (iOS) або Kotlin (Android) з використанням WidgetKit, ActivityKit, App Clip API, Play Feature Delivery.
  • Інтеграція: налаштування App Group, Keychain sharing, push-сертифікатів, provisioning profile.
  • Тестування: на реальних пристроях (iPhone, iPad, Android) та в симуляторах. Для Live Activities — тест через xcrun simctl push.
  • Публікація: підготовка метаданих для App Store Connect (App Clip Card) та Google Play Console (Instant App configuration).
  • Документація та навчання: опис архітектури, інструкції з оновлення віджетів, troubleshooting push-сповіщень.

Процес роботи

  1. Аналітика: які функції додатку реально потрібні поза ним, і який механізм підходить. Віджет з прогнозом — WidgetKit. Трекінг доставки — Live Activity. Оплата на касі — App Clip.
  2. Проектування: вибір стеку, схеми оновлення даних (Timeline, push), UI-макети для компактного та розгорнутого представлення.
  3. Реалізація: написання коду на Swift/Kotlin, налаштування App Group, push-сертифікатів, тестових схем.
  4. Тест: кожне розширення тестується ізольовано. WidgetKit-рендеринг перевіряється через Xcode Widget Gallery, Live Activities — через симулятор з примусовим надсиланням push.
  5. Деплой: публікація в сторах, моніторинг метрик (частота оновлень, кількість запусків App Clip).

Строки орієнтовно

Тип розширення Строк (робочі дні)
Простий інформаційний віджет від 5 до 10
Інтерактивний віджет (AppIntent) від 10 до 15
Live Activity з push від 10 до 20
App Clip з оплатою від 20 до 30
Instant App (Android) від 15 до 25

Вартість розраховується індивідуально після аудиту. Оцінка надається протягом 2 робочих днів.

Типові помилки при розробці розширень

  • Занадто часте оновлення віджета — призводить до троттлінгу та порожнього стану. Рекомендуємо інтервал не менше 15 хвилин (див. Apple Human Interface Guidelines, WidgetKit documentation).
  • Ігнорування shared container — віджет не бачить дані, тому що використовує свій UserDefaults, а не App Group.
  • Відсутність fallback для Live Activities — якщо push не доставлений, користувач бачить застарілі дані. Потрібен механізм періодичного опитування через Activity.update з pushType: nil.
  • Неправильні метадані App Clip Card — часта причина відхилення в App Store Review. Наприклад, некоректний URL або відсутній значок.

Зв'яжіться з нами, щоб оцінити, яке розширення підходить вашому додатку. Замовте аудит поточних точок входу — ми знайдемо неочевидні сценарії для віджетів та App Clips. Отримайте консультацію інженера з архітектури вже сьогодні. Гарантуємо проходження App Store Review з першого разу — наш досвід підтверджений десятками успішних публікацій.