Serverless и React (смешать, но не взбалтывать)

На безрыбье и рак рыба, а на бессерверье всё быстрее. А может, и нет. Об этом я и буду рассказывать: точно ли быстрее, что вообще такое serverless, при чём здесь React, надо оно вам или нет. Обещаю всё сделать с примерами из реальных проектов и с практическими инструкциями. Бонусом добавлю пару годных либ, которые значительно облегчат работу с serverless.

Transcript

1. Serverless и React (смешать, но не взбалтывать) Photo by Alex Block Marina Miranovich @obnoxious_mari
2. Nice to meet you! @obnoxious_mari obnoxiousMari 2
3. План! 1. Вступление. 2. Web приложение совсем без серверов 3. Lambda 4. Запустим лямбду локально 5. Заключение 3
4. http://fronttalks-2017-demo-s3.s3-website.eu-central-1.amazonaws.com/ 4 https://github.com/Marina-Miranovich/s3-react
5. Что такое S3? 5 Объектное хранилище, предназначенное для хранения и извлечения любых объемов данных
6. Что такое S3? 6 Надежность на уровне 99,999999999% (11 девяток) “очень надежно” Описано в википедии надежность S3 99,999% 99,9999999% 99,999999999% 5,26 минут 31,56 миллисекунд 0,3 миллисекунды
7. Что такое S3? Это дешево! - Хранение - бесплатно первый год - потом <= $0.0245 за Гб в месяц - Передача данных из S3 в Интернет - 1Гб в месяц бесплатно - <= $0.090 за Гб в месяц 7
8. Что такое S3? Это дешево!* *У S3 довольно хитрая модель оплаты, но если упростить, то... - Хранение - бесплатно первый год - потом <= $0.0245 за Гб в месяц - Передача данных из S3 в Интернет - 1Гб в месяц бесплатно - <= $0.090 за Гб в месяц БЕСПЛАТНО 8
9. Что такое S3? 9 Это быстро!
10. Что такое S3? 10 Это быстро!* *Насколько быстрым вы позволите этому быть
12. Demo time 12 Demo time 12 https://youtu.be/0YFIKxaQHPE
13. Что такое Lambda? 13
14. Что такое Lambda? - Запросы (в месяц) - 1М бесплатно всегда! - потом 0,20 USD за 1 млн - Гигабайт-секунды (в месяц) - 400 000 ГБ-секунд бесплатно всегда! - 0,000000208 за 100мс, 128 Мб в месяц 14
15. Что такое Lambda? *У S3 довольно хитрая модель оплаты, но если упростить, то... - Запросы (в месяц) - 1М бесплатно всегда! - потом 0,20 USD за 1 млн - Гигабайт-секунды (в месяц) - 400 000 ГБ-секунд бесплатно всегда! - 0,000000208 за 100мс, 128 Мб в месяц БЕСПЛАТНО 15
16. Полезно знать - IAM 16 IAM управляет правами доступа для пользователей
17. Полезно знать - API Gateway 17 Позволяет создавать API для доступа к сервисам AWS. (В том числе и к Lambda)
18. Demo time 18 https://youtu.be/LChmtzFnB0o
19. Как все автоматизировать? Serverless • Автоматическое создание и деплой serverless архитектуры • Работает с AWS Web Services, Google Cloud Platform, Microsoft Azure, IBM OpenWhisk • Описание архитектуры с одном yml файле 19
20. Как работает Serverless с AWS сервисами? • CloudFormation для создания архитектуры и нужных сервисов на AWS • S3 для версионности и хранения текущего CloudFormation шаблона https://serverless.com/ 20
21. Demo Time 21 https://youtu.be/IzT1nLA-_UQ
22. https://github.com/Marina-Miranovich/lambda-react 22
23. Минусы лямбда функций 23
24. https://read.acloud.guru/does-coding-language-memory-or-package-size-affect-cold -starts-of-aws-lambda-a15e26d12c76 24
25. Минусы лямба функций • Ограничения по размеру кода функции (50Mb) • Ограничения по времени выполнения (300s) • Количество параллельных функций - 1000 • Нет контроля где вызывается функция (на каком сервере?) • Сложно или невозможно использовать дополнительные тулы или возможности ОП 25
26. Плюсы лямбда функций • Действительно можно забыть о том, что есть сервера; • Не надо думать о масштабировании; • Легко интегрируется со многими сервисами на AWS (Alexa, DynamoDB, API Gateway, и т. д.); • Значительно упрощает и удешевляет разработку некоторых* сервисов. 26
27. Спасибо! • https://github.com/Marina-Miranovich/s3-react - простое React-Redux демо • https://github.com/Marina-Miranovich/lambda-react - предыдущее демо, но уже работающее на lambda • https://aws.amazon.com/ru/about-aws/global-infrastructur e/ - AWS географическое расположение регионов • https://serverless.com/ - serverless! • https://github.com/serverless/serverless/tree/master/lib/plu gins/create/templates - доступные темплеты в serverless • https://www.npmjs.com/package/serverless-offline - для локального запуска API Gateway & Lambda • https://github.com/fernando-mc/serverless-finch - плагин для Serverless.Загружает ассеты на S3.