Redis Hackathon — Placify


Обзор моей работы

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

Прежде всего, я создал приложение, начиная с Blazor WASM с Azure Function as API, который вы можете найти здесь: https://github.com/staticwebdev/blazor-starter.

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

Я развернул приложение с помощью GitHub Action на Azure Static Web App. Бесплатного уровня достаточно.

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

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

Вы можете найти приложение по этой ссылке: https://www.placify.xyz.

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

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

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

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

<img src="https://www.placify.xyz/api/draw/1920/768>
Вход в полноэкранный режим Выход из полноэкранного режима

Категория представления:

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

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

Технологический стек Frontend: ASP.NET Core Blazor 6, Stone.css
Технологический стек бэкенда: C#, Azure Function
Облако: Azure Static Web Apps
Redis: Кэш-служба Azure Redis

Ссылка на код

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

kasuken / Placify

Движок для размещения изображений, написанный на Blazor & C#

Placify — еще один Saas-движок для размещения изображений

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

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

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

<img src="https://www.placify.xyz/api/draw/1920/768>
Вход в полноэкранный режим Выход из полноэкранного режима

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

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

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

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

Контрольные показатели производительности

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

Посмотреть на GitHub

  • Ознакомьтесь с Redis OM, клиентскими библиотеками для работы с Redis как с многомодельной базой данных.
  • Используйте RedisInsight для визуализации данных в Redis.
  • Подпишитесь на бесплатную базу данных Redis.

Оцените статью
devanswers.ru
Добавить комментарий