Quick order

Система приема заказов  клиентов в интернет

 

web приложение

  • полностью бесплатная система
  • интеграция с 1с
  • развертывание в течение нескольких минут
  • не нужен собственный сервер, не нужны хостинг и базы данных
  • настройки бизнес логики в самом веб приложении

подробнее

демо

Реализованные функции

 

  • Каталог товаров
  • Карточка товара
  • Поиск товаров по основным реквизитам
  • Категории товаров
  • Поиск категорий
  • Фильтрация товаров по категориям
  • Добавление товаров в корзину
  • Редактирование корзины
  • Отправка заказа
  • Список заказов
  • Быстрый заказ вставкой из буфера
  • Управление пользователями

Развертывание

 

  • Создать firebase приложение
  • Клонировать веб приложение
  • Связать оба приложения

видео

Вся необходимая инфраструктура разворачивается в течение нескольких минут

При этом не требуются собственные или арендованные сервера, не нужны базы дынных и даже хостинг

 

3 простых шага для получения собственного приложения

Создание firebase приложения

Необходимо зарегистрироваться на https://firebase.google.com/

По-умолчанию при регистрации предлагается использовать почту на gmail, но это совсем не обязательно (можно отказаться нажав "использовать текущую электронную почту")

После регистрации необходимо выполнить вход и нажать на кнопку Create new project (создать новый проект)

Придумать имя проекта и указать страну Россия

После создания проекта и перехода в административную панель необходимо зайти в пункт Authentication

Необходимо активировать пункты Anonimous и Email/Password

Создание firebase приложения

Это позволит пользователям авторизовываться в веб приложении, используя логин и пароль

На этом настройка приложения firebase закончена

В пункте database вы можете видеть текущие данные вашего firebase приложения. Приложение будет наполняться данными по мере отправки win http запросов из 1с

Существует также возможность загружать данные из json файла (причем это можно сделать для каждого узла по отдельности), а также возможность сохранения всех данных (или данных отдельного узла) в json файл. Таким образом вы всегда наглядно можете видеть какими данными оперирует ваше приложение.

Создание веб приложения

Перейдите на страницу проекта

Сделайте форк проекта. Это создаст клон quick-order и поместит его в ваши проекты

https://github.com/eks1985/quick-order

Зарегистрируетесь на https://github.com/ если у вас еще нет аккаунта

Перейдите в свои проекты, найдите только что клонированный quick-order и зайдите в проект

Перейдите в настройки и в блоке GitHub Pages выберите в качестве Source ветку master

На этом развертывание веб приложения закончено и оно доступно в интернет

Подключение веб приложение к экземпляру firebase

В момент первого запуска веб приложения необходимо ввести apiKey и databaseURL вашего экземпляра firebase

Эти настройки можно скопировать со страницы firebase приложения на вкладке overview

Подключение веб приложение к экземпляру firebase

Вставьте их в форму и нажмите на кнопку подключиться

Это потребуется сделать только один раз при первом входе. Настройки будут записаны в localStorage браузера.

В случае если вы захотите отвязать веб приложение от экземпляра firebase просто удалите строку с настройками из localStorage и перезагрузите страницу

Подключение веб приложение к экземпляру firebase

При входе веб приложение проверяет существуют ли пользователи, если нет, то предлагается создать административного пользователя

Сразу после создания будет выполнен автоматический вход и через пункт меню Управление администратор имеет возможность добавлять новых пользователей

При этом вновь созданных пользователей можно видеть в firebase в соответствующем узле users

Подключение веб приложение к экземпляру firebase

Таким образом в результате деплоя вы получили полностью независимое веб приложение, доступное в интернет и свой экземпляр приложения firebase, который является поставщиком данных

Text

Одним из критериев выбора в качестве бэкенда реалтайм датабейс firebase явилась простота работы с данными

 

Работа с данными в firebase

 

  • визуальный просмотр данных, ручное редактирование
  • выгрузка/загрузка данных через json файл
  • REST архитектура - редактирование данных посредством http запросов

Из коробки firebase поддерживает:

видео

По сути можно рассматривать приложение firebase как один json файл в облаке, с удобным api, позволяющем читать и писать данные

При этом веб приложение подключается к firebase посредством веб сокетов, таким образом данные в веб приложении всегда актуальны

Text

Обзор firebase

 

Text

Управление данными посредством REST клиента Postman

Text

Обмен с 1с посредством win http request

Как устроено приложение

Раздел в процессе написания

Настройки бизнес логики

Раздел в процессе написания

Настройки интерфейса

Раздел в процессе написания

Как доработать под себя

Раздел в процессе написания

Made with Slides.com