Сжатие данных при отправке с Frontend на Backend
#angular #frontend #backend #typescript #csharp #netcore
В этом видео расскажу как сделать сжатие данных со стороны Frontend и что вам нужно сделать на Backend для того что бы принять эти сжатые данные и что бы всё другие подсистемы даже не догадались что вы передавали сжатые данные.
Установка библиотеки для компрессии
npm i -D @types/pako
npm i pako
00:00 - Обоснование
01:26 - Сжатие со стороны сервера
03:36 - Почему JSON хорошо сжимается
04:21 - Сжатие на Frontend
05:04 - Pako
06:49 - Реализация через Interceptor
13:52 - Получение сжатых данных на Backend
18:33 - Почему deflate, а не gzip?
19:58 - Правильная регистрация Interceptor
22:39 - Заключение
Видео Сжатие данных при отправке с Frontend на Backend канала Архитектор ПО. Александр Желнин
В этом видео расскажу как сделать сжатие данных со стороны Frontend и что вам нужно сделать на Backend для того что бы принять эти сжатые данные и что бы всё другие подсистемы даже не догадались что вы передавали сжатые данные.
Установка библиотеки для компрессии
npm i -D @types/pako
npm i pako
00:00 - Обоснование
01:26 - Сжатие со стороны сервера
03:36 - Почему JSON хорошо сжимается
04:21 - Сжатие на Frontend
05:04 - Pako
06:49 - Реализация через Interceptor
13:52 - Получение сжатых данных на Backend
18:33 - Почему deflate, а не gzip?
19:58 - Правильная регистрация Interceptor
22:39 - Заключение
Видео Сжатие данных при отправке с Frontend на Backend канала Архитектор ПО. Александр Желнин
Показать
Комментарии отсутствуют
Информация о видео
18 июня 2023 г. 18:39:14
00:22:51
Другие видео канала
![REST 8. Отзывчивый интерфейс. LongPolling на net core](https://i.ytimg.com/vi/9OWsbBFIGO0/default.jpg)
![C# ?.](https://i.ytimg.com/vi/z8yHV9FkdPs/default.jpg)
![Angular. Работа с шаблоном. Переменные в блоке ngIf](https://i.ytimg.com/vi/xwl-8UJYjYc/default.jpg)
![Строгий Angular. Рекомендации по стилю кода](https://i.ytimg.com/vi/R2WQ5cTPilg/default.jpg)
![GraphQL. Продвинутый уровень 1. Оптимизация запросов.](https://i.ytimg.com/vi/0Q5Pz5Ozsow/default.jpg)
![ASP .net Core. Понимание.](https://i.ytimg.com/vi/aLaq9qBEA3A/default.jpg)
![RXJS утечки памяти, автоматическая подписка и отписка](https://i.ytimg.com/vi/2AA7zzUcSyc/default.jpg)
![REST 9. Автоматическая документация к вашему REST API на ASP .net Core](https://i.ytimg.com/vi/tZgX1I3gOoQ/default.jpg)
![Обзор выставки HighLoad сентябрь 2021](https://i.ytimg.com/vi/JjSF7-B18DE/default.jpg)
![Код ведёт себя по разному в зависимости от frame work и типа сборки!!](https://i.ytimg.com/vi/efEwNKYgQzI/default.jpg)
![Angular. Работаем в Visual Studio 2019](https://i.ytimg.com/vi/3tgJRlFtcv8/default.jpg)
![Шрифт для программиста Продолжение](https://i.ytimg.com/vi/yQdGEhKHfiY/default.jpg)
![Курсор для VS Code](https://i.ytimg.com/vi/CsbuI6l6Myg/default.jpg)
![REST 15. Возврат результата через обработку Exception](https://i.ytimg.com/vi/-UDFb9e6LOM/default.jpg)
![GraphQL net core. Базовый уровень 2. Mutations](https://i.ytimg.com/vi/ewM_r8YjuoA/default.jpg)
![Запуск под отладкой библиотеки и проекта Angular одним кликом](https://i.ytimg.com/vi/UrymNrjd4rE/default.jpg)
![Универсальный декоратор повтора при не удачных попытках обращения к http](https://i.ytimg.com/vi/qku2pexqBlU/default.jpg)
![Angular Elements 3. Продвинутый уровень 2](https://i.ytimg.com/vi/LdtVRCIv3yc/default.jpg)
![3. Фитчи JS/TS. Деконструкция](https://i.ytimg.com/vi/7FRJjXQalvM/default.jpg)
![Второй ролик про каналы которые я рекомендую.](https://i.ytimg.com/vi/aZSSyyP6VMo/default.jpg)
![Выполнение кода блокирует интерфейс пользователя - есть элегантное решение](https://i.ytimg.com/vi/8ZTWU62bFAM/default.jpg)