Послуги Розробка сайтів Веб-додатки і SaaS Мобільні застосунки Доробки й технічні правки Прискорення сайтів Технічне SEO Міграція з конструкторів Інтеграції та автоматизація Підтримка й супровід Кейси Ціни Процес Блог Контакти
Аудит сайту Розрахувати вартість
Доставка їжі

Один код — застосунок в App Store і сайт доставки

Служба доставки в Тернополі отримала мобільний застосунок і новий сайт, зібрані з однієї кодової бази. Каталог і замовлення спільні, оновлення виходять одночасно скрізь.

Один код — застосунок в App Store і сайт доставки
×2
платформи з одного коду
1
каталог на сайт і застосунок
24,5 МБ
важить застосунок

Задача

У ресторану був сайт на WooCommerce і потреба в мобільному застосунку. Класичний шлях — розробляти застосунок окремо, а потім вічно синхронізувати його з сайтом: два набори коду, два цикли оновлень, розбіжності в меню й цінах.

Рішення

Ми пішли іншим шляхом: написали застосунок на Flutter і зібрали з того самого коду ще й веб-версію, яка тепер працює на домені dostavka.te.ua. Тобто сайт і застосунок — це буквально одна програма, зібрана під різні платформи.

Що це дає власнику

  • Одне оновлення замість двох. Нова акція, зміна в меню чи виправлення помилки робляться один раз і з\'являються одразу і в застосунку, і на сайті.
  • Однаковий досвід скрізь. Людина, яка звикла замовляти з телефона, знаходить той самий інтерфейс у браузері — не треба вчитися заново.
  • Немає розбіжностей у даних. Каталог, ціни й замовлення живуть в одному місці, тож ситуація «на сайті одна ціна, у застосунку інша» неможлива за побудовою.
  • Дешевша підтримка. Розвивати одну кодову базу приблизно вдвічі дешевше, ніж два окремі продукти.

Як влаштовано всередині

Каталог товарів, категорії та замовлення застосунок бере з наявного WooCommerce через його REST API. Тобто адміністратор працює у звичній адмінці магазину: додає позиції, міняє ціни й бачить замовлення там само, де й раніше. Ми не змушували клієнта переїжджати на нову систему обліку — навпаки, залишили те, з чим команда вже вміє працювати.

Реєстрацію, збереження даних користувача й аналітику взяв на себе Firebase. Пуш-сповіщення про акції додалися в другій версії, кабінет користувача — у третій.

Що вміє застосунок

  • Меню з категоріями, картками страв і детальним описом
  • Кошик і швидке оформлення замовлення
  • Статус замовлення з орієнтовним часом доставки
  • Збереження улюблених позицій і даних для наступних замовлень
  • Stories — як в соцмережах, для акцій і новинок
  • Темна тема й пуш-сповіщення

Застосунок опублікований в App Store під назвою Beef&Pizza, підтримує iOS 13 і новіші. Публікацію й проходження модерації ми брали на себе.

Усі кейси

Розкажіть, що треба зробити

Опишіть задачу двома реченнями. Відповімо протягом години й одразу скажемо, чи беремося та скільки це коштуватиме.

Натискаючи кнопку, ви погоджуєтесь із політикою конфіденційності.

Написати в Telegram