Обзор моего представления

Я создал еще один образ-заполнитель SaaS.

Прежде всего, я создал приложение, начиная с Blazor WASM, с функцией Azure в качестве API, которую вы можете найти здесь:

Затем я сделал несколько тестов для серверной части, потому что хотел знать, можно ли это сделать с этой архитектурой.
Вот почему я создал простую конечную точку API в функции Azure, которая добавляет фиксированный текст к изображению и возвращает ему массив байтов в качестве результата.
Затем я добавил к конечной точке два параметра маршрута (ширину и высоту) и использую их как ключ для Redis.
Приложение хранит в Redis все образы, созданные приложением, чтобы ускорить отклик.

Я развернул приложение с помощью действия GitHub в статическом веб-приложении Azure. Бесплатного уровня достаточно.

Описание изображения

Я также создал экземпляр Azure Redis Cache для кэширования файлов.

Описание изображения


Производственная среда

Вы можете найти приложение по этой ссылке:


Время разработки

Я делаю заметки обо всем в течение дня, и могу сказать, что на разработку решения у меня ушло в общей сложности 2 часа (не подряд).


Как это работает

Это очень просто: вы можете добавить тег img на свою HTML-страницу, и он будет заменен изображением-заполнителем.

<img src="/api/draw/1920/768>
Войти в полноэкранный режим

Выйти из полноэкранного режима


Категория подачи:

Категория: MEAN/MERN Mavericks


Используемый язык

Технический стек внешнего интерфейса: ASP.NET Core Blazor 6, Камень.css
Стек серверных технологий: C#, функция Azure
Облако: Статические веб-приложения Azure
Redis: служба кэширования Azure Redis


Ссылка на код

Проект с открытым исходным кодом и размещен на GitHub.

Движок заполнителя картинок, написанный на Blazor и C#.

Placify — это сервис-заполнитель изображений SaaS. Он позволяет создавать заполнители изображений для ваших продуктов SaaS и управлять ими. Вы можете использовать его для создания изображений-заполнителей для ваших продуктов, а затем использовать их в своем приложении. Вы также можете использовать его для создания изображений-заполнителей для ваших маркетинговых материалов.

Как это работает

Это очень просто: вы можете добавить тег img на свою HTML-страницу, и он будет заменен изображением-заполнителем.

<img src="/api/draw/1920/768>
Войти в полноэкранный режим

Выйти из полноэкранного режима

Как хранятся данные:

Placify сохраняет двоичный поток изображения непосредственно в Redis. В качестве ключа приложение создает ключ в формате ширина*высота.

Как осуществляется доступ к данным:

По ключу приложение извлекает двоичную информацию и отправляет ее обратно как результат API.

Тесты производительности

Я провел несколько тестов с раствором, и результаты…