Skip to content
Efimov Kirill edited this page Dec 12, 2016 · 12 revisions

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

  • Создать аккаунт на firebase.google.com
  • Создать приложение
  • Включить анонимную аутентификацию и аутентификацию по email и паролю

Клонирование веб приложения

  • Зайти на страницу проекта https://github.com/eks1985/quick-order/
  • Клонировать проект
  • Зайти в свою копию проекта и указать ветку master как источник для сайта

Связь веб приложения с firebase приложением

  • Зайти в веб приложение
  • Указать apiKey и databaseUrl, которые можно скопировать на странице проекта firebase
  • Создать администратора
  • Создать пользователей
  • Просмотреть как приложение firebase наполняется данными

Далее подробное описание этих шагов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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