РИТ++ 2017, HighLoad Junior Зал Сингапур, 6 июня, 13:00 Тезисы: http://junior.highload.ru/2017/abstracts/2732.html В докладе я поделюсь нашим опытом разработки Project1917 - исторического проекта в реальном времени в формате социальной сети. Каждый web-программист мечтает написать свой фреймворк, CMS или соцсеть, и современный стек технологий дает настолько широкий выбор инструментов, что очень легко построить переусложненное архитектурное решение. ...

1. Как сделать сложное
простым.
История создания
Проект1917
Сергей Спорышев
ITSumma

2. Спорышев Сергей
Руководитель отдела
разработки высоконагруженных
проектов, ITSumma

3. 300 миллионов уникальных посетителей
в сутки на поддерживаемых сайтах:

5. Каждый программист хочет написать свою
социальную сеть (игру) за 2 дня

6. 28 июня
2016

9. « … лучшая социальная сеть в истории: все
пользователи давно умерли … »

11. Проект1917
• Познавательный проект, выполненный в формате
социальной сети

12. Проект1917
• Познавательный проект, выполненный в формате
социальной сети
• Все посты основаны на реальных документах, письмах,
публицистических материалах

13. Проект1917
• Познавательный проект, выполненный в формате
социальной сети
• Все посты основаны на реальных документах, письмах,
публицистических материалах
• Пользователи имеют возможность комментировать,
«лайкать» и делиться материалами в других социальных
сетях

14. Проект1917
Конкретные дата и время релиза:
14 ноября 2016 15:00

15. 28 июня
7 августа
Начало заполнения контентом.
Верстка

16. 28 июня
7 августа
Доработки админки.
Привязка данных
Сентябрь

17. 28 июня
7 августа
Работа с пользователями.
Шеры, лайки, комментарии
Октябрь
Сентябрь

18. 28 июня
7 августа
Нагрузочное тестирование
Октябрь
Сентябрь 7 ноября

19. 28 июня
7 августа
Запуск проекта
Октябрь
Сентябрь
14 ноября
7 ноября

20. 28 июня
Push-уведомления
14 ноября
20 ноября

21. 28 июня
Локализация
14 ноября
20 ноября
Декабрь

23. Принцип работы
Команда

24. Принцип работы. Команда

25. Принцип работы. Команда
• No rocket science

26. Принцип работы. Команда
• No rocket science

27. Принцип работы. Команда
• No rocket science
• «Я хочу все переписать»

28. Принцип работы. Команда
• No rocket science
• «Я хочу все переписать»
•ПМ, 3 программиста, 2 системных
администратора, 2 тестировщика

29. Стэк

30. Стэк

31. Стэк
• Nginx + php-fpm

32. Стэк
• Nginx + php-fpm
• Mysql 5.7

33. Стэк
• Nginx + php-fpm
• Mysql 5.7
• Laravel (php7)

34. Стэк
• Nginx + php-fpm
• Mysql 5.7
• Laravel (php7)
• Angular 1.5

35. Стэк
• Nginx + php-fpm
• Mysql 5.7
• Laravel (php7)
• Angular 1.5
• Imagemagic

36. Стэк
• Nginx + php-fpm
• Mysql 5.7
• Laravel (php7)
• Angular 1.5
• Imagemagic
• FFMpeg

37. Стэк
• Nginx + php-fpm
• Mysql 5.7
• Laravel (php7)
• Angular 1.5
• Imagemagic
• FFMpeg
• Memcached

38. Стэк
• Nginx + php-fpm
• Mysql 5.7
• Laravel (php7)
• Angular 1.5
• Imagemagic
• FFMpeg
• Memcached
• Gulp + own tasks

39. 28 июня
7 августа
Админка

40. Админка
•L5-repository (RESTful API)

41. Админка
•L5-repository (RESTful API)
•SPA + ngResource

42. Админка
•L5-repository (RESTful API)
•SPA + ngResource
•JS-cache

43. Админка
•Angular-компоненты

44. Админка
•Angular-компоненты
•Разделение разделов/наборов
изменений

45. Админка
•Angular-компоненты
•Разделение разделов/наборов
изменений
•Новый компонент – в среднем час

46. Админка
•Angular-компоненты
•Разделение разделов/наборов
изменений
•Новый компонент – в среднем час
•Новый раздел – в среднем день

50. 28 июня
7 августа
Сентябрь
Фронт

51. Фронт
•Поиск, фильтрация данных – l5-repository

52. Фронт
•Поиск, фильтрация данных – l5-repository
•Использование сервисов для
определенных блоков сайта

53. Фронт
•Поиск, фильтрация данных – l5-repository
•Использование сервисов для
определенных блоков сайта
•Singleton-объекты

54. Фронт
•Поиск, фильтрация данных – l5-repository
•Использование сервисов для
определенных блоков сайта
•Singleton-объекты
•Структурирование view-компонентов для
многоразового использования

60. Фронт
• Всю статичную информацию выводим сразу (nginx-cache)

61. Фронт
• Всю статичную информацию выводим сразу (nginx-cache)
• API для уникальной и динамической информации

62. Фронт
• Всю статичную информацию выводим сразу (nginx-cache)
• API для уникальной и динамической информации
• Динамическая подгрузка – html (+ кэш)

63. Фронт
• Всю статичную информацию выводим сразу (nginx-cache)
• API для уникальной и динамической информации
• Динамическая подгрузка – html (+ кэш)
• Минимизация использования и/или оптимизация
angular, bindonce

64. Фронт
• Всю статичную информацию выводим сразу (nginx-cache)
• API для уникальной и динамической информации
• Динамическая подгрузка – html (+ кэш)
• Минимизация использования и/или оптимизация
angular, bindonce
• Оптимизация и ресайзинг изображений средствами nginx
(+ CDN)

65. 28 июня
7 августа Октябрь
Сентябрь
Лайки, шеры, комментарии

66. Лайки, шеры, комментарии
•Many-to-many

67. Лайки, шеры, комментарии
•Many-to-many
•Pivot = отдельная сущность

68. Лайки, шеры, комментарии
•Many-to-many
•Pivot = отдельная сущность
•No morph-by-many, has-many-through

69. Лайки, шеры, комментарии
•Many-to-many
•Pivot = отдельная сущность
•No morph-by-many, has-many-through
•Методы-мутаторы

70. Лайки, шеры, комментарии
•Localstorage (cookie)

71. Лайки, шеры, комментарии
•Localstorage (cookie)
•No cache for /api/user

72. Лайки, шеры, комментарии
•Localstorage (cookie)
•No cache for /api/user
•Если понадобится – Laravel event-channels
+ node.js

73. Лайки, шеры, комментарии
•Страницы-заглушки

74. Лайки, шеры, комментарии
•Страницы-заглушки
•Nginx-редиректы для ботов

76. Лайки, шеры, комментарии
•Страницы-заглушки
•Nginx-редиректы для ботов
•Генератор изображений

87. Лайки, шеры, комментарии
•Страницы-заглушки
•Nginx-редиректы для ботов
•Генератор изображений
•Свой механизм подсчета

88. 28 июня
7 августа Октябрь
Сентябрь
14 ноября
7 ноября
Ничто не предвещало
беды…

91. PUSH-уведомления

92. PUSH-уведомления
Цена ошибки – домен и
база подписчиков

95. PS
Во время создания этих двух
скриншотов ни один домен не
пострадал

96. PUSH-уведомления
•Firebase

97. PUSH-уведомления
•Firebase
•Cookie, uuid – перепривязка токенов

98. PUSH-уведомления
•Firebase
•Cookie, uuid – перепривязка токенов
•Смотрим в документацию

99. PUSH-уведомления
•Firebase
•Cookie, uuid – перепривязка токенов
•Смотрим в документацию
•Laravel-FCM

100. 28 июня
7 августа Октябрь
Сентябрь
14 ноября
7 ноября
УСПЕЛИ!

107. 28 июня
14 ноября Декабрь
Локализация (за 2 дня)

109. Локализация за 2 дня
•$_SERVER[‘locale’] (.ru / .com)

110. Локализация за 2 дня
•$_SERVER[‘locale’] (.ru / .com)
•«Зеркала» сущностей + умное
копирование

111. Локализация за 2 дня
•$_SERVER[‘locale’] (.ru / .com)
•«Зеркала» сущностей + умное
копирование
•Встроенные механизмы локализации
Laravel

112. Живем дальше
• Specials, games, tests

113. Живем дальше
• Specials, games, tests
• До сих пор хочешь переписать – энергию
в мирных целях

119. Выводы
Сложное сделать простым – легко,
простое сделать сложным – еще
легче

120. Выводы
Революция не всегда приводит к
хорошему

121. Выводы
Учитесь на СВОИХ ошибках

123. Выводы
Не гонитесь за модой

124. Выводы
Не создавайте себе выдуманных
проблем

126. Спорышев Сергей
• https://www.itsumma.ru/
• ssporyshev@itsumma.ru
• https://telegram.me/sergei_sporyshev
• http://uptime.community/ru/index