Мессенджер Наизнанку

1. МЕССЕНДЖЕР НАИЗНАНКУ Максим Соколов, iOS @ Avito
 Ноябрь 2017 / Mobius max_sokolov
3. ЧТО СЕГОДНЯ УМЕЕТ ЛЮБОЙ МЕССЕНДЖЕР? 3
4. ТЕКСТОВЫЕ СООБЩЕНИЯ НЕОТПРАВЛЕННЫЕ СООБЩЕНИЯ ЧЕРНЫЙ СПИСОК РЕАЛТАЙМ УВЕДОМЛЕНИЯ СТАТУСЫ СООБЩЕНИЙ ОНЛАЙН СТАТУСЫ ШАРИНГ ФОТО ХРАНИЛИЩЕ СООБЩЕНИЙ ШАБЛОНЫ ОТВЕТОВ 4
5. Как спроектировать все так, чтобы потом не было больно? 5
6. Спойлер Несколько приложений - один мессенджер 6
7. План Проектирование API слоя 
 взаимодействия с сервером Проектирование сервисного слоя Трюки и советы 7
8. План Проектирование API слоя 
 взаимодействия с сервером Проектирование сервисного слоя Трюки и советы 8
9. Что такое API слой? Все что умеет делать Мессенджер, но это еще не бизнес-логика. 9
10. RESPONSE SERIALIZER REQUEST SERIALIZER MESSENGER CLIENT NETWORK TRANSPORT 10
11. RESPONSE SERIALIZER REQUEST SERIALIZER MESSENGER CLIENT NETWORK TRANSPORT 11
12. Сетевой транспорт TCP Socket Web Socket HTTP (Polling / Long Polling) ? 12
13. Задача В приложении нужен чат, никакого своего бекенда пока нет. 13
14. Сетевой транспорт TCP Socket Web Socket HTTP (Polling / Long Polling) BaaS (Backend as a Service) 14
15. 1 x App Середина 2015 BaaS Эволюция Мессенджера 15
16. “APIs for developers building secure realtime Mobile, Web, and IoT Applications.” 16
17. Отправить сообщение Подписаться на новые сообщения Получить историю переписки PROFIT! Backend as a Service 17
18. Не все сценарии можно реализовать 
 (статусы доставки / прочтения, черный список)* Нет контроля над перепиской 
 (пре-обработка / спам)* Минусы Backend as a Service 18
19. Забавный факт Мы использовали parse.com и он закрылся :( На BaaS надейся… 19
20. 1 x App Backend в разработке 1 x App Конец 2015 HTTP Середина 2015 BaaS Эволюция Мессенджера 20
21. Задержки
 (Polling / Long polling - стратегия обновлений) Лишний трафик, накладно делать некоторые сценарии*
 (http заголовки + хендшейки на соединение*) Лишние запросы
 (новых событий может не быть) HTTP Минусы 21
22. 1 x App 1 x App Конец 2015 HTTP Середина 2015 BaaS 4 x App Конец 2016 Web Socket Backend в разработке Эволюция Мессенджера 22
23. Забавный факт Пришел веб-сокет, но приложение уже написано на BaaS - мы не хотим переписывать… 23
24. Web Socket Нюансы работы с веб-сокетами 24
25. Протокол взаимодействия клиента и сервера 25
26. REQUEST-1 REQUEST-2 NOTIFICATION RESPONSE-1 RESPONSE-2 CLIENT-SERVER SOCKET CONNECTION 26
27. JSON-RPC 27
28. --> {"method": "sum", "params": [41, 1], "id": 1} <-- {"result": 42, "id": 1} 28
29. Дублирование сообщений в UI 29
30. SEND MSG NOTIF MSG-ID RESP MSG-ID DEVICE-1 SOCKET CONNECTION 30 DEVICE-2 SOCKET CONNECTION ОДИН ПОЛЬЗОВАТЕЛЬ - МНОГО СЕССИЙ NOTIF MSG-ID
31. Добавить в тело сообщения random id, 
 назначенный на клиенте Обрабатывать нотификации после того,
 как получены все ответы к запросам Решения Дублирование сообщений 31
32. Ping / Heartbeat Реконнекты Background Task Поддержка соединения 32
33. Web Socket Ack пакетов - подтверждение получения пакетов клиентом 33
34. ACKNOWLEDGED MSG-1 MSG-1 iOS ANDROID MSG-1 ACKNOWLEDGED MSG-1 MESSENGER SERVER 34
35. Web Socket & Polling? 35
36. Коды ошибок при разрыве 
 (401 / рефреш токена) Очередь на запросы к серверу 
 (assert на превышение) Обработка ошибок 36
37. Итог Выбирайте сетевой транспорт под задачу (TCP Socket / Web Socket / HTTP / BaaS) 37
38. REQUEST SERIALIZER RESPONSE SERIALIZER MESSENGER CLIENT NETWORK TRANSPORT 38
39. socket.isConnecting? 39
40. enum MessengerRequestState { case ready case delayed } 40
41. RESPONSE SERIALIZER REQUEST SERIALIZER MESSENGER CLIENT NETWORK TRANSPORT 41
42. MESSENGER API CORE Unbox Unbox Unbox In-house Mapper 42
43. Проблема Будут ли приложения определять свой контекст моделей данных? 43
44. final class MessengerResponseMapperImpl { func map<T: MessengerResponseMappable>( responseData: Data, completion: @escaping (_ result: Result<T>) -> ()) { } } 44 protocol MessengerResponseMappable: class { static func map(_ dictionary: [String: String]) -> Self? } let dictionary = jsonParser.parse(data: responseData) let value = T.map(dictionary) completion(.value(value))
45. extension MessengerResponseMappable where Self: Unboxable { static func map(_ dictionary: [String: String]) -> Self? { return try? unbox(dictionary: dictionary) } } 45
46. Итог Не завязывайте маппинг ответов сетевого слоя на конкретную реализацию 46
47. MESSENGER CLIENT RESPONSE SERIALIZER REQUEST SERIALIZER NETWORK TRANSPORT 47
48. open class MessengerClient { /* Inject: Network transport Request serializer Response serializer */ func getChats<T: MessengerResponseMappable>( completion: @escaping (_ result: Result<[T]>) -> Void) { } } 48
49. messengerClient.getChats( completion: { (result: Result<[Chat]>) in } ) 49
50. messengerClient.getChats( completion: { (result: Result<[OtherChat]>) in } ) 50
51. MESSENGER CLIENT RESPONSE SERIALIZER REQUEST SERIALIZER NETWORK TRANSPORT MESSENGER API CORE 51
52. Выносите слой работы с API 
 в отдельный модуль
 (мы используем Private CocoaPods) Вывод 52
53. План Проектирование API слоя 
 взаимодействия с сервером Проектирование сервисного слоя Трюки и советы 53
54. Легко тестировать Легко расширять Легко переиспользовать Легко композировать сервисы друг с другом Сервисный слой 54
55. Легко тестировать Легко расширять Легко переиспользовать Легко композировать сервисы друг с другом Сервисный слой 55
56. НОВОЕ СООБЩЕНИЕ В ЧАТЕ СТАТУС СООБЩЕНИЯ ЮЗЕР ОНЛАЙН ЧЕРНЫЙ СПИСОК 56
57. МИКРОСЕРВИСНАЯ АРХИТЕКТУРА 57
58. CHAT LIST SERVICE USERS ONLINE STATUS SERVICE MESSAGES STATUS SERVICE NEW MESSAGE SERVICE BLACK LIST SERVICE DELETE CHAT SERVICE REACHABILITY SERVICE 58
59. FAVOR COMPOSITION 59
60. Как связать все вместе? 60
61. OBSERVER PATTERN Шаблон проектирования Наблюдатель 61
62. protocol UsersOnlineStatusObservable: class { func add( observer: AnyObject, onUsersOnlineStatusChange: @escaping (([User]) -> ()) ) func remove(observer: AnyObject) } 62
63. protocol UsersOnlineStatusService: class { func startPollingOnlineStatuses() } 63
64. final class UsersOnlineStatusServiceImpl: UsersOnlineStatusService, UsersOnlineStatusObservable { } 64
65. // MARK: - state private var chats: [Chat] { } func subscribeOnUpdates() { usersOnlineStatusServiceObservable.add( observer: self, onUsersOnlineStatusChange: { users in // update chats } )
 } 65 didSet { notifyObservers() } newMessagesServiceObservable.add( observer: self, onNewMessage: { newMessage in // update chats } )
66. CHAT LIST SERVICE OBSERVABLE USERS ONLINE STATUS SERVICE MESSAGES STATUS SERVICE NEW MESSAGE SERVICE BLACK LIST SERVICE DELETE CHAT SERVICE REACHABILITY SERVICE OBSERVABLE OBSERVABLE OBSERVABLE OBSERVABLE OBSERVABLE OBSERVABLE 66
67. ObserverList<T>.swift http://gist.github.com 67
68. Микросервисы - небольшие блоки, соединяющиеся в единую систему Консистентность - все сервисы спроектированы одинаково Выводы 68
69. План Проектирование API слоя 
 взаимодействия с сервером Проектирование сервисного слоя Трюки и советы 69
70. onChatListChange -> [Chat] PRESENTER VIEW INTERACTOR CHAT LIST SERVICE … [CellData] -> setViewData 70
71. onChatListChange -> [Chat] PRESENTER VIEW INTERACTOR CHAT LIST SERVICE … [CellData] -> setViewData 71
72. Проблема Слишком частые обновления UI 72
73. DEBOUNCE THROTTLE SAMPLE 73 DELAY
74. Sample Operator Emit the most recent items emitted by an Observable within periodic time intervals 74
75. TIME TIME SAMPLE ⏱ ⏱ 75
76. let sampler = Sampler(delay: 0.5) sampler.sample { // update ui here... } 76
77. Sampler.swift http://gist.github.com 77
78. Проблема Обновление UI, если пользователь покинул экран 78
79. final class ChatListViewController: UIViewController { func processOnChatListUpdates(_ chats: [ChatViewData]) { } } override func viewDidAppear(_ animated: Bool) { super.viewDidAppear(animated) invokeClosuresHelper.setViewIsReady(true) } 79 invokeClosuresHelper.invokeOrDelayIfViewIsNotReady { // do ui updates... }
80. Проблема UITableView / UICollectionView Обновление элементов, поиск index path изменившихся 80
81. Diff алгоритм ITEM 3 ITEM 4 ITEM 2 ITEM 1 ITEM 5 ITEM 4 ITEM 6 ITEM 5 ITEM 2 ITEM 7 RELOADS INSERTS DELETES 81
82. Выбирайте инструмент под задачу Выносите логику работы c API
 в отдельный модуль Закладывайте масштабируемость Общайтесь с коллегами из других платформ Выводы 82
83. /MAXSOKOLOV @MAX_SOKOLOV https://github.com/maxsokolov https://gist.github.com/maxsokolov https://twitter.com/max_sokolov Вопросы? masokolov@avito.ru Примеры кода gist.github.com/maxsokolov