Отзывчивое приложение ToDo, использующее Redis в качестве основной базы данных


Обзор моего проекта

Здесь мы собираемся сделать простое todo-приложение, показывающее, как мы можем использовать Redis в качестве основной базы данных.

  • Для начала в бэкенд-сервере мы будем использовать express, cors, redis-om. Где:

express: Предоставляет базовый сервер для подключения базы данных и фронтенда.

cors: Обеспечивает соединение бэкенда и фронтенда.

redis-om: Это новая библиотека от redis, которая обеспечивает все основные потребности, необходимые в базе данных, и может управляться и создаваться с помощью redis-cloud.

# Примечание: Смотрите репозиторий о том, как настроить базовую базу данных и api.Link To Backend
  • Теперь давайте настроим базу данных:
  1. Здесь мы будем использовать базу данных redis cloud, которая бывает как бесплатной, так и платной @Redis-Cloud.
  2. Для создания базы данных в облаке redis вам нужно просто зарегистрироваться на #link и создать подписку.
  3. При создании подписки redis предоставит базу данных с определенными endpoint и defaultuser&password.
  4. Нам просто нужны конечная точка и пароль для доступа к базе данных.
  5. Затем мы создадим схему, на которой будет работать БД.
# Примечание: Смотрите репозиторий о том, как настроить схему. Ссылка на схему
  • Позже для фронтенда мы будем использовать react как фреймворк и bootstrap 5 как стилизацию.
# Примечание: Смотрите в репозитории, как настроить Frontend. Ссылка на frontend
  • Весь процесс работает следующим образом:
  1. Во-первых, при инициализации бэкенда мы создаем сервер на порту 8000, который предоставляет доступ к базе данных и инициирует api.
  2. С другой стороны, фронтенд, который инициируется на порту 3000, может вызывать api’s для доступа к базе данных и ее редактирования или обновления.
  3. Для проверки базы данных мы можем использовать RedisInsight, который можно бесплатно скачать с сайта redis.
# Примечание: RedisInsight хранит записи в базе данных на локальной машине. Это помогает в легком доступе к базе данных, а также делает базу данных легкой для чтения и модификации.Ссылка на redisinsight

Категория Представление: MERN Mavericks

В этом проекте используются следующие языки: JS/Node.js/CSS.

Здесь вы можете найти полный исходный код проекта:

Link To Source Code

Демонстрационное приложение можно посмотреть на:

Link To Demo


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