Как мы захотели TWA
и сделали его без мобильных
разработчиков
Данила Стрелков, менеджер продукта Рамблер/медиа
TWA без мобильных разработчиков
• Мобильная разработка 2015—2018 (RIP)
• Нужно ли новостному ресурсу
приложение?
• 60 тысяч активных пользователей,
на которых нельзя просто забить
• Какие есть варианты?
Как же давно это было
• Инициализируется, кэширует,
устанавливается — красота!
• Кросс-доменный service worker?
Да, но нет
• Костыли и танцы с бубном — не лучший
вариант
PWA — свет в конце тоннеля
TWA без мобильных разработчиков
• Что это и с чем его едят? Непонятно
• Замена PWA?
• Android Studio = мобильная разработка
• Сейчас нет возможности им заниматься
Первое пришествие TWA
TWA без мобильных разработчиков
Октябрьская революция
TWA без мобильных разработчиков
• Ну ОК, давайте глянем подробнее
• Выглядит легко, но есть риск «Вроде изян»
• Программирование уровня «менеджер» при помощи Android
Studio, здравого смысла и Stack Overflow
TWA без мобильных разработчиков
<intent-filter android:autoVerify="true">
<action android:name="android.intent.action.VIEW"/>
<category android:name="android.intent.category.DEFAULT"/>
<category android:name="android.intent.category.BROWSABLE"/>
<data android:scheme="https" android:host="www.rambler.ru"/>
<data android:scheme="https" android:host="news.rambler.ru"/>
<data android:scheme="https"
android:host="woman.rambler.ru"/>
</intent-filter>
• Советы по мультидоменам
не подходят
• Приложение перевызывает
таб и делает невозможным
возврат к исходной
странице
Первый бли-и-и-ин
AndroidManifest.xml
TWA без мобильных разработчиков
<meta-data
android:name="android.support.customtabs.trusted.ADDITI
NAL_TRUSTED_ORIGINS"
android:valuet="@array/additional_rusted_origins"/>
• Свежая функциональность
• Мигрировали на AndroidX
и android-browser-helper
• Работает!
По совету Google
AndroidManifest.xml
<string-array name="additional_trusted_origins">
<item>https://news.rambler.ru</item>
<item>https://woman.rambler.ru</item>
</string-array>
/res/values/strings.xml
TWA без мобильных разработчиков
Один недостаток
TWA без мобильных разработчиков
Найди
ответственного
1
Квест Google Play Store
Шаг 1
TWA без мобильных разработчиков
Найди ТОТ САМЫЙ
keystore файл
Найди
ответственного
1 2
Шаг 2
Квест Google Play Store
Шаг 1
TWA без мобильных разработчиков
Найди ТОТ САМЫЙ
keystore файл
Выясни его парольНайди
ответственного
1 2 3
Шаг 2 Шаг 3
Квест Google Play Store
Шаг 1
TWA без мобильных разработчиков
Найди ТОТ САМЫЙ
keystore файл
Выясни его пароль Найди пароли
для тегов в нём
Найди
ответственного
1 2 3 4
Шаг 2 Шаг 3 Шаг 4
Квест Google Play Store
Шаг 1
TWA без мобильных разработчиков
Найди ТОТ САМЫЙ
keystore файл
Выясни его пароль Найди пароли
для тегов в нём
Выясни, какой тег
соответствует нужному
sha
Найди
ответственного
1 2 3 4 5
Шаг 2 Шаг 3 Шаг 4 Шаг 5
Квест Google Play Store
Шаг 1
• Сделать TWA-приложение просто
• Базового понимания xml и тегов
достаточно
• Технология развивается
• Ей нужно больше примеров
• PWA и TWA войдут в моду
В итоге
TWA без мобильных разработчиков
TWA без мобильных разработчиков
СПАСИБО И…
ВОПРОСЫ?

Как мы захотели TWA и сделали его без мобильных разработчиков, Данила Стрелков

  • 1.
    Как мы захотелиTWA и сделали его без мобильных разработчиков Данила Стрелков, менеджер продукта Рамблер/медиа
  • 2.
    TWA без мобильныхразработчиков • Мобильная разработка 2015—2018 (RIP) • Нужно ли новостному ресурсу приложение? • 60 тысяч активных пользователей, на которых нельзя просто забить • Какие есть варианты? Как же давно это было
  • 3.
    • Инициализируется, кэширует, устанавливается— красота! • Кросс-доменный service worker? Да, но нет • Костыли и танцы с бубном — не лучший вариант PWA — свет в конце тоннеля TWA без мобильных разработчиков
  • 4.
    • Что этои с чем его едят? Непонятно • Замена PWA? • Android Studio = мобильная разработка • Сейчас нет возможности им заниматься Первое пришествие TWA TWA без мобильных разработчиков
  • 5.
    Октябрьская революция TWA безмобильных разработчиков • Ну ОК, давайте глянем подробнее • Выглядит легко, но есть риск «Вроде изян» • Программирование уровня «менеджер» при помощи Android Studio, здравого смысла и Stack Overflow
  • 6.
    TWA без мобильныхразработчиков <intent-filter android:autoVerify="true"> <action android:name="android.intent.action.VIEW"/> <category android:name="android.intent.category.DEFAULT"/> <category android:name="android.intent.category.BROWSABLE"/> <data android:scheme="https" android:host="www.rambler.ru"/> <data android:scheme="https" android:host="news.rambler.ru"/> <data android:scheme="https" android:host="woman.rambler.ru"/> </intent-filter> • Советы по мультидоменам не подходят • Приложение перевызывает таб и делает невозможным возврат к исходной странице Первый бли-и-и-ин AndroidManifest.xml
  • 7.
    TWA без мобильныхразработчиков <meta-data android:name="android.support.customtabs.trusted.ADDITI NAL_TRUSTED_ORIGINS" android:valuet="@array/additional_rusted_origins"/> • Свежая функциональность • Мигрировали на AndroidX и android-browser-helper • Работает! По совету Google AndroidManifest.xml <string-array name="additional_trusted_origins"> <item>https://news.rambler.ru</item> <item>https://woman.rambler.ru</item> </string-array> /res/values/strings.xml
  • 8.
    TWA без мобильныхразработчиков Один недостаток
  • 9.
    TWA без мобильныхразработчиков Найди ответственного 1 Квест Google Play Store Шаг 1
  • 10.
    TWA без мобильныхразработчиков Найди ТОТ САМЫЙ keystore файл Найди ответственного 1 2 Шаг 2 Квест Google Play Store Шаг 1
  • 11.
    TWA без мобильныхразработчиков Найди ТОТ САМЫЙ keystore файл Выясни его парольНайди ответственного 1 2 3 Шаг 2 Шаг 3 Квест Google Play Store Шаг 1
  • 12.
    TWA без мобильныхразработчиков Найди ТОТ САМЫЙ keystore файл Выясни его пароль Найди пароли для тегов в нём Найди ответственного 1 2 3 4 Шаг 2 Шаг 3 Шаг 4 Квест Google Play Store Шаг 1
  • 13.
    TWA без мобильныхразработчиков Найди ТОТ САМЫЙ keystore файл Выясни его пароль Найди пароли для тегов в нём Выясни, какой тег соответствует нужному sha Найди ответственного 1 2 3 4 5 Шаг 2 Шаг 3 Шаг 4 Шаг 5 Квест Google Play Store Шаг 1
  • 14.
    • Сделать TWA-приложениепросто • Базового понимания xml и тегов достаточно • Технология развивается • Ей нужно больше примеров • PWA и TWA войдут в моду В итоге TWA без мобильных разработчиков
  • 15.
    TWA без мобильныхразработчиков СПАСИБО И… ВОПРОСЫ?