Vue Gallery Server

Vue Gallery Server - это Node.js сервер, разработанный для поддержки Front-end части галереи VueGallery

Стэк технологий

• Babel
• Node.js
• Express
• Mongoose
• Webpack
• Heroku - для деплоя и хостинга

Установка

Для работы необходим Node.js и менеджер пакетов (npm или yarn)

• Node.js - v10.14.2
• yarn - v1.15.2

А также менеджер базы данных MongoDB, можно воспользоваться MongoDB.Atlas либо развернуть локально

1. Установка зависимостей

cd vue-gallery-server
yarn install

2. Импортирование дампа MongoDB

Пример MongoDB.Atlas:

mongorestore --host <DB_HOST> --ssl --username <USER> --password <PASSWORD> --authenticationDatabase admin db_dump

Либо создать вручную коллекцию gallery, и вставить несколько записей, вида:

• _id: <ObjectId> - уникальный id (генерируется автоматически)
• type: <String> - задает тип плитки в галерее ("normal|double")
• title: <String> - название изображения (заголовок)
• description: <String> - краткое описание (необходим для предпросмотра, автоматически обрезается)
• image: <Number> - id изображения (если 0, то отображаться будет случайное изображение)
• createdAt <Date> - дата создания записи в формате UTC (например 2019-01-13T23:59:59.457Z)
• updatedAt <Date> - дата последнего обновления записи в формате UTC (например 2019-01-13T23:59:59.457Z)

3. Подготовка окружения

Необходимо добавить файл окружения .env

cp -i .env.example .env

После чего, необходимо поменять переменную DB_HOST для подключения к MongoDB

4. Запуск (локально)

yarn start

5. Сборка и деплой

Для деплоя используется облачный сервис Heroku - Документация Heroku + Node.js