Загрузка страницы

Сжатие данных при отправке с 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 канала Архитектор ПО. Александр Желнин
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
18 июня 2023 г. 18:39:14
00:22:51
Другие видео канала
REST 8. Отзывчивый интерфейс. LongPolling на net coreREST 8. Отзывчивый интерфейс. LongPolling на net coreC# ?.C# ?.Angular. Работа с шаблоном. Переменные в блоке ngIfAngular. Работа с шаблоном. Переменные в блоке ngIfСтрогий Angular. Рекомендации по стилю кодаСтрогий Angular. Рекомендации по стилю кодаGraphQL. Продвинутый уровень 1. Оптимизация запросов.GraphQL. Продвинутый уровень 1. Оптимизация запросов.ASP .net Core. Понимание.ASP .net Core. Понимание.RXJS утечки памяти, автоматическая подписка и отпискаRXJS утечки памяти, автоматическая подписка и отпискаREST 9. Автоматическая документация к вашему REST API на ASP .net CoreREST 9. Автоматическая документация к вашему REST API на ASP .net CoreОбзор выставки HighLoad сентябрь 2021Обзор выставки HighLoad сентябрь 2021Код ведёт себя по разному в зависимости от frame work и типа сборки!!Код ведёт себя по разному в зависимости от frame work и типа сборки!!Angular. Работаем в Visual Studio 2019Angular. Работаем в Visual Studio 2019Шрифт для программиста  ПродолжениеШрифт для программиста ПродолжениеКурсор для VS CodeКурсор для VS CodeREST 15. Возврат результата через обработку ExceptionREST 15. Возврат результата через обработку ExceptionGraphQL net core. Базовый уровень 2. MutationsGraphQL net core. Базовый уровень 2. MutationsЗапуск под отладкой библиотеки и проекта Angular одним кликомЗапуск под отладкой библиотеки и проекта Angular одним кликомУниверсальный декоратор повтора при не удачных попытках обращения к httpУниверсальный декоратор повтора при не удачных попытках обращения к httpAngular Elements 3. Продвинутый уровень 2Angular Elements 3. Продвинутый уровень 23. Фитчи JS/TS. Деконструкция3. Фитчи JS/TS. ДеконструкцияВторой ролик про каналы которые я рекомендую.Второй ролик про каналы которые я рекомендую.Выполнение кода блокирует интерфейс пользователя - есть элегантное решениеВыполнение кода блокирует интерфейс пользователя - есть элегантное решение
Яндекс.Метрика