Thursday, September 20, 2018

Календарь-калькулятор

Вступление


Так исторически сложилось, что в календарь записывали расходы/доходы. 😐
Необходимо создать веб-приложение, которое получает и обрабатывает данные календаря Google.

Пользователь записывал в календаре каждый прием посетителя и в коротком описании события просто указывал цену услуги. Таким образом в календаре накопились финансовые данные. И теперь появилась потребность их рассчитывать.


Исследование


Полезные ссылки:
Calendar API
Сайт позволяет тестировать методы API.

Getting Started with  JavaScript client library:
https://developers.google.com/api-client-library/javascript/start/start-js

People API:
https://developers.google.com/people/

При инициализации библиотеки необходимо указывать scope: какие именно API будут использоваться. В моем случае это будет срока:

profile https://www.googleapis.com/auth/calendar.readonly

Для получения данных о пользователе, и для получения данных о календарях.


Реализация


По шагам:


  1. Создаем проект на github (CalendarCalculator)
  2. Настроить npm + gulp: коммит
  3. В консоли google создаем проект "Calendar Calculator"
  4. Необходимо подключить People API
  5. Реализовать авторизацию: коммит

  6. Получить список календарей: коммит

  7. Реализовать получение событий: коммит

  8. Подсчет данных из событий в календаре: коммит



Вот и собственно все.
Далее остается фикс багов, затем расширение.

upd: после добавления стилей календарь выглядит так:




Итого


Календарь-калькулятор можно заценить на https://vadimcpp.github.io/calendarCalculator/
Веб-приложение подключается к календарю, читает данные календаря и проводит простую калькуляцию.