Інтеграція Outlook Calendar API з сайтом: Microsoft Graph

Наша компанія займається розробкою, підтримкою та обслуговуванням сайтів будь-якої складності. Від простих односторінкових сайтів до масштабних кластерних систем, побудованих на мікро сервісах. Досвід розробників підтверджено сертифікатами від вендорів.

Розробка та обслуговування будь-яких видів сайтів:

Інформаційні сайти або веб-програми
Сайти візитки, landing page, корпоративні сайти, онлайн каталоги, квіз, промо-сайти, блоги, ресурси новин, інформаційні портали, форуми, агрегатори
Сайти або веб-програми електронної комерції
Інтернет-магазини, B2B-портали, маркетплейси, онлайн-обмінники, кешбек-сайти, біржі, дропшиппінг-платформи, парсери товарів
Веб-програми для управління бізнес-процесами
CRM-системи, ERP-системи, корпоративні портали, системи управління виробництвом, парсери інформації
Сайти або веб-програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, конструктори сайтів, портали надання електронних послуг, відеохостинги, тематичні портали

Це лише деякі з технічних типів сайтів, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
Інтеграція Outlook Calendar API з сайтом: Microsoft Graph
Середній
~2-3 дні
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1361
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1251
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    957
  • image_ecommerce_furnoro_435_0.webp
    Розробка інтернет магазину для компанії FURNORO
    1189
  • image_crm_enviok_479_0.webp
    Розробка веб-додатків для компанії Enviok
    931
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Розробка веб-сайту для компанії ФІКСПЕР
    948

Інтеграція Outlook Calendar API з сайтом: Microsoft Graph

Зазначимо: коли на сайті клініки пацієнт записується до лікаря, а в Outlook лікаря слот залишається вільним — починаються проблеми. Ручне звіряння забирає години та призводить до подвійних бронювань. Рішення — зв'язати сайт із календарями Outlook через Microsoft Graph API. За 3–4 дні ми реалізуємо автоматичне створення зустрічей та перевірку зайнятості. Оновлення відбувається в реальному часі із затримкою менше 2 секунд. Нижче — технічні деталі інтеграції.

Без API Outlook розробники часто стикаються з трьома проблемами. Дублювання бронювань через відсутність атомарності при записі. Неузгодженість часу при ручному перенесенні подій. Помилкові слоти через невраховані meeting-серії. Graph API позбавляє цих ризиків, але вимагає грамотного налаштування аутентифікації та роботи з findMeetingTimes. Ми налаштовуємо OAuth 2.0 із делегованими дозволами, щоб застосунок працював без доступу до поштової скриньки адміністратора.

Окрім базових сценаріїв, ми вирішуємо складні задачі: синхронізація кількох календарів в одному тенанті, обробка повторюваних подій, підтримка часових поясів. Завдяки delta-запитам оновлення надходять миттєво, без зайвих викликів API. Середня швидкість запиту — близько 200 мс, що в 3 рази швидше за застарілий EWS. Економія на ручному звірянні може сягати 30 000 грн на місяць для середнього бізнесу, що окупається за 2–3 місяці.

Як налаштувати аутентифікацію для Outlook Calendar?

Перший крок — реєстрація застосунку в Azure AD. Ми створюємо сертифікат клієнта для безпечного обміну токенами, надаємо застосунку дозволи Calendars.ReadWrite.All та User.Read. Це дозволяє працювати з календарями будь-якого користувача в тенанті. Потім отримуємо access-токен через протокол OAuth 2.0 On-Behalf-Of flow (OAuth 2.0 Authorization Framework) — система може діяти від імені авторизованого адміністратора. Весь процес займає близько години та документується в Postman-колекції. Для роботи з календарями всіх користувачів потрібен дозвіл Calendars.ReadWrite.All. Якщо потрібно тільки для одного — достатньо Calendars.ReadWrite. Дозволи призначаються в Azure AD через застосунок. Ми допомагаємо вибрати мінімально необхідні права.

Інтеграція Outlook Calendar за допомогою Microsoft Graph

Основний сценарій — читання подій на тиждень вперед:

import { Client } from '@microsoft/microsoft-graph-client';

const client = Client.initWithMiddleware({ authProvider: tokenCredentialAuthProvider });

async function getCalendarEvents(userId: string): Promise<Event[]> {
  const response = await client
    .api(`/users/${userId}/calendarView`)
    .query({
      startDateTime: new Date().toISOString(),
      endDateTime:   new Date(Date.now() + 7 * 86400000).toISOString(),
    })
    .select('subject,start,end,location,isAllDay')
    .orderby('start/dateTime')
    .get();

  return response.value.map((e: any) => ({
    id:       e.id,
    title:    e.subject,
    start:    e.start.dateTime,
    end:      e.end.dateTime,
    location: e.location?.displayName,
    allDay:   e.isAllDay,
  }));
}

Створення зустрічі вимагає прив'язки до конкретного календаря користувача:

async function createEvent(userId: string, booking: Booking): Promise<string> {
  const event = await client.api(`/users/${userId}/events`).post({
    subject:  booking.serviceName,
    start:    { dateTime: booking.startsAt, timeZone: 'Russian Standard Time' },
    end:      { dateTime: booking.endsAt,   timeZone: 'Russian Standard Time' },
    body: {
      contentType: 'HTML',
      content:     `<p>Клієнт: ${booking.customerName}</p><p>Телефон: ${booking.phone}</p>`,
    },
    attendees: [{ emailAddress: { address: booking.customerEmail }, type: 'required' }],
    isReminderOn:       true,
    reminderMinutesBeforeStart: 60,
  });
  return event.id;
}

Обробка помилок критична: ми враховуємо rate limits (10 000 запитів на годину на застосунок) та повторюємо виклики з експоненційною затримкою при отриманні коду 429. Також перевіряємо, що подія не перетинається з уже існуючими через findMeetingTimes.

Чому Graph API кращий за EWS?

EWS (Exchange Web Services) поступається за всіма метриками: Graph API кращий за EWS в 3 рази за швидкістю запитів (200 мс проти 600 мс), вимагає налаштування сертифікатів і не підтримує delta-запити. Graph API — сучасне REST-рішення на OAuth2 з чудовою документацією. Ось порівняння:

Характеристика Graph API EWS
Аутентифікація OAuth 2.0 (без паролів) Basic або складне налаштування OAuth
Швидкість запитів ~200 мс на запит ~600 мс
Пропускна здатність 10 000 запитів / год на застосунок 1 000 / год
Delta-синхронізація Є (change notifications) Немає

Додаткові можливості Graph API:

  • Робота з зустрічами через Teams (onlineMeetingProvider, joinWebUrl)
  • Підтримка вкладень (до 150 МБ на подію)
  • Керування нагадуваннями та доступністю кімнат

Крім того, Graph API дешевший у супроводі — не вимагає оновлення сертифікатів і підтримує сучасні сценарії, такі як спільна робота з календарем через webhook-сповіщення. Маємо понад 5 років досвіду інтеграції корпоративних календарів для клінік, сервісів оренди та HR-платформ — реалізовано більше 30 проектів. Наші спеціалісти сертифіковані Microsoft.

Типові помилки при роботі з Graph API

Таблиця типових помилок
Код помилки Причина Рішення
429 Too Many Requests Перевищено rate limits Реалізувати повтор з експоненційною затримкою
401 Unauthorized Закінчився або невірний токен Оновити токен через refresh-механізм
404 Not Found Користувача не знайдено Перевірити userId в тенанті

Що входить в роботу

  • Реєстрація застосунку в Azure AD та генерація сертифікатів клієнта
  • Реалізація REST-ендпоінтів читання, створення та оновлення подій
  • Налаштування сповіщень про зміни (webhook) для real-time синхронізації
  • Інтеграція з CMS (WordPress, Drupal, Strapi та ін.)
  • Документація з інтеграції (Postman-колекція, схема БД)
  • Тестування з урахуванням N+1-запитів та лімітів API
  • Моніторинг помилок та алерти при падінні авторизації
  • Гарантія на інтеграцію — 12 місяців безкоштовної підтримки

Процес роботи

  1. Аналітика: з'ясовуємо сценарії — бронювання, синхронізація, публічні слоти.
  2. Проектування: вибираємо між делегованими та application-дозволами.
  3. Реалізація: пишемо сервісний шар на Node.js/Nest.js, підключаємо до Redis-кешу.
  4. Тестування: покриваємо юніт-тестами, перевіряємо edge-кейси (timezone, meeting series).
  5. Деплой: налаштовуємо CI/CD, додаємо health-ендпоінти.

Строки орієнтовно

Базова інтеграція (читання + створення) — 3–4 робочих дні, вартість від 49 000 грн. З webhook-синхронізацією — до 7 днів, вартість від 69 000 грн. Економія часу на ручному звірянні становить до 60%, що окупається вже через 2–3 місяці.

Маємо понад 5 років досвіду інтеграції корпоративних календарів — реалізовано більше 30 проектів для клінік, сервісів оренди та HR-платформ. Зв'яжіться з нами — отримайте консультацію з оптимізації Core Web Vitals та управління rate limits Graph API. Замовте інтеграцію, і ми покажемо приклади робочих рішень.

Розробка API: REST, GraphQL, WebSocket, tRPC

До нас приходить клієнт з Postman-колекцією на 200 ендпоінтів і каже: «Все працює, але фронтенд гальмує». Відкриваємо Network-вкладку — 47 послідовних запитів на завантаження однієї сторінки дашборду. Кожен чекає попереднього. Це не проблема швидкості сервера — це проблема архітектури API. За 10 років на ринку ми перепроектували не один десяток таких інтеграцій, і гарантуємо: правильний протокол і контракт вирішують проблему докорінно.

Коли REST перестає справлятися

REST добре працює для простих CRUD-операцій. Але як тільки поруч з веб-інтерфейсом з'являється мобільний додаток, починається over-fetching: мобілка запитує /api/users/123 і отримує об'єкт на 4KB, хоча їй потрібні тільки name і avatar. Помножте на список з 50 користувачів — 200KB трафіку замість 8KB.

GraphQL вирішує це через selection sets. Клієнт описує саме ті поля, які йому потрібні, і сервер повертає саме їх. На проекті з React Native + Next.js ми переїхали з REST на Apollo Server: розмір payload на головному екрані впав з 340KB до 28KB — економія трафіку склала 92%. Сертифіковані інженери команди підтверджують: типові болі при впровадженні GraphQL — N+1 query. Резолвер для поля author у поста викликає SELECT * FROM users WHERE id = ? для кожного поста у списку. На сторінці з 20 постами — 21 запит до бази. Вирішується через DataLoader — він батчить запити і перетворює їх в один SELECT * FROM users WHERE id IN (...).

Що таке tRPC і чим він кращий за REST/GraphQL?

Якщо весь стек на TypeScript (Next.js + Node/Bun), tRPC прибирає цілий шар проблем. Ви визначаєте процедуру на сервері — клієнт отримує повний тайп-сейфти автоматично, без генерації коду і без Swagger. Перейменували поле в схемі Zod — TypeScript підсвітить всі місця на фронтенді, де воно використовується. tRPC зменшує кількість коду в 2 рази порівняно з REST + Swagger + openapi-typescript: не потрібно підтримувати окрему специфікацію і генерувати типи — все виводиться з рантаймових валідаторів. Однак tRPC не підходить, якщо API споживають сторонні клієнти або мобільні додатки на інших мовах — у таких випадках використовуємо GraphQL або REST з OpenAPI-специфікацією.

WebSocket і реальний час: коли SSE, коли WS?

HTTP-поллінг кожні 5 секунд — це ілюзія реального часу з затримкою до 5 секунд і безкорисним навантаженням на сервер. Для чатів, live-нотифікацій, спільного редагування — WebSocket або Server-Sent Events. SSE — односпрямований потік від сервера до клієнта, працює поверх звичайного HTTP, автоматично перепідключається. Підходить для нотифікацій, стрімінгу даних, прогрес-барів. WebSocket — двоспрямований, потрібен для чатів і колаборативних функцій. Досвід показує: 80% завдань «реального часу» вирішуються через SSE, а не WebSocket — менше інфраструктурних складнощів.

Типова помилка: відкривати WebSocket-з'єднання на кожен компонент сторінки. На одному проекті дашборд відкривав 12 паралельних WS-з'єднань. Правильно — один connection manager на рівні додатку, підписки через нього. В результатах роботи ми завжди передаємо схему з'єднання і готове рішення.

Протокол Типізація Over-fetching Версіонування Real-time
REST Слабка (OpenAPI) Присутній URL / Header Поллінг
GraphQL Сильна (SDL) Немає Deprecation Subscriptions
tRPC Повна (TypeScript) Немає TypeScript checks Subscriptions (optional)

Swagger / OpenAPI як контракт

Документація, написана постфактум — застаріває на наступний день після релізу. Ми пишемо специфікацію OpenAPI 3.1 до початку розробки, вона стає контрактом між фронтендом і бекендом. Фронтенд генерує типи через openapi-typescript, бекенд валідує вхідні дані через згенеровані схеми. Розбіжність контракту з реалізацією ловиться на CI, а не на рев'ю. Для Laravel — l5-swagger або dedoc/scramble. Для Node.js — @fastify/swagger або Zod + zod-to-openapi.

Як правильно аутентифікувати API?

JWT з довго живучними access-токенами без ротації — джерело проблем при компрометації. Правильна схема: access-токен на 15 хвилин, refresh-токен на 30 днів з ротацією при кожному використанні. Refresh-токен зберігається в httpOnly cookie, access-токен — в пам'яті (не в localStorage). Для міжсервісної взаємодії — API Keys з scope-обмеженнями або mTLS. OAuth 2.0 з PKCE для публічних клієнтів (SPA, мобілки).

Версіонування і зворотна сумісність

Ламаючі зміни в API без версіонування ламають клієнтів. Три підходи ми використовуємо в проектах:

Метод Приклад Коли застосовувати
URL-версіонування /api/v2/ REST API з довгою підтримкою legacy
Header-версіонування Accept: application/vnd.api+json;version=2 Мінімальні зміни в URL
Еволюційне (deprecation) Додавання полів, deprecated-директива GraphQL Для GraphQL — плавний вивід полів

Зворотну сумісність ми гарантуємо через автомат-перевірки (oasdiff) на CI.

Як ми розробляємо API: покроковий план

  1. Аналітика — аудит поточних інтеграцій, складання схеми даних, вибір протоколу (REST/GraphQL/tRPC/WebSocket).
  2. Проектування контракту — OpenAPI або SDL (GraphQL) до першого рядка коду.
  3. Розробка — реалізація за контрактом, модульні тести на кожен ендпоінт.
  4. Навантажувальне тестування — k6: 500 віртуальних користувачів, 10 хвилин, p95 latency ≤ 200ms.
  5. Деплой — CI/CD з перевіркою зворотної сумісності, автоматична публікація документації.
  6. Навчання команди — передача Postman-колекції або Playground, інструкція з підключення.
Типові помилки, які ми виключаємо
  • N+1 при запитах без DataLoader.
  • Відсутність rate limiting — DDOS через неавторизовані ендпоінти.
  • Зберігання access-токена в localStorage.
  • Відкриття множини WebSocket-з'єднань замість одного connection manager.
  • Документація, не оновлена після релізу.

Що входить в роботу (deliverables)

  • OpenAPI 3.1 специфікація (або SDL для GraphQL).
  • Згенеровані клієнтські типи для TypeScript / Dart / Kotlin.
  • Набір автотестів з покриттям всіх ендпоінтів (модульні + інтеграційні).
  • Навантажувальні тести (k6) і звіт (p50/p95/p99 latency, RPS).
  • Документація в Swagger UI / Redoc / GraphiQL.
  • Навчання команди (2–4 години воркшопу).
  • Підтримка протягом 30 днів після здачі (за договором).

Наш досвід

  • 10+ років на ринку розробки API.
  • 200+ завершених проектів (REST, GraphQL, WebSocket, tRPC).
  • 50+ сертифікованих інженерів (AWS, Kubernetes, API Design).
  • Економія на трафіку в середньому 85% при переході з REST на GraphQL для мобільних додатків.
  • 100% зворотна сумісність — жодного зламаного клієнта за останні 3 роки.

Терміни

Розробка API для типового SaaS-проекту з 30–50 ендпоінтами: від 3 до 8 тижнів залежно від складності бізнес-логіки та кількості зовнішніх інтеграцій. Міграція існуючого REST API на GraphQL — від 2 до 6 тижнів. Додавання WebSocket-шару до готового бекенду — від 1 до 3 тижнів. Вартість розраховується індивідуально після аудиту. Отримайте консультацію — зв'яжіться з нами, щоб обговорити ваш проект.