← Назад до блогу
·6 хв читання·

Як реалізований AI-асистент у мене на сайті без креденшелів на клієнті: Безпека, Multi-Provider та Google Sheets

Розбір технічної архітектури AI-асистента на моєму сайті: нуль креденшелів у браузері, серверний фалбек між 5 провайдерами (VSCode, Gemini, OpenRouter, Groq, OpenAI), авто-парс контактів та трансляція в Google Sheets. Хочеш такий самий? Напиши мені напряму!

AI АсистентZero Trust БезпекаMulti Provider FailoverNext.jsGoogle Sheets ІнтеграціяAI-розробка

1. Zero-Trust безпека: Чому креденшелі ніколи не витікають у браузер

Одна з найнебезпечніших помилок при розробці AI-додатків — це витік API-ключів (OpenAI, Gemini, Anthropic) безпосередньо у JS-бандл клієнтського браузера. Будь-хто через DevTools може вкрасти ваші ключі, витратити ліміти та завдати фінансових збитків.

На моєму сайті AI-асистент працює за строгою Zero-Trust архітектурою. Браузер взаємодіє виключно із захищеним Next.js API роутом (`/api/chat/`). Усі API-ключі (`VSCODE_API_KEY`, `GEMINI_API_KEY`, `OPENROUTER_API_KEY`, `GROQ_API_KEY`, `OPENAI_API_KEY`) ізольовані у змінних оточення сервера.

2. Multi-Provider Failover: 5 провайдерів без єдиної точки відмови

Що станеться, якщо у OpenAI збій чи 502 помилка обмеження частоти? Звичайні боти просто перестають працювати. Мій AI-асистент використовує алгоритм Multi-Provider Execution Loop: Основний (VSCode API) -> Резерв 1 (Google Gemini Native) -> Резерв 2 (OpenRouter) -> Резерв 3 (Groq AI) -> Резерв 4 (OpenAI API).

Якщо один із провайдерів затримує відповідь або видає помилку, сервер миттєво переключається на наступну доступну LLM за мілісекунди без найменших незручностей для відвідувача.

3. Автономний парсинг контактів та трансляція в Google Sheets у реальному часі

За інтерфейсом чату працює фоновий движок обробки лідів. Коли клієнт вказує телефон, email, Telegram @username чи WhatsApp, система автоматично парсить контакти, генерує AI-підсумок контексту та відправляє новий рядок в Google Sheets через Webhook і сповіщає у Telegram.

Хочеш такий самий AI-асистент на свій сайт чи в Telegram? Напиши мені!

Якщо ви хочете впровадити висококонверсійного цілодобового AI-асистента для вашого бізнесу — із 100% захистом від витоків ключів, багаторівневою відмовостійкістю та автоматичною трансляцією лідів у Google Таблиці чи CRM — давайте обговоримо ваш проєкт!

Зв’яжіться зі мною напряму: [Забронювати зручний час для дзвінка](#book-call), напишіть мені в [WhatsApp](https://wa.me/380931844615) або через сторінку [Контакти](/contacts/).

Треба зібрати, а не лише прочитати?

AI рішення для бізнесу: RAG, агенти, Next.js. Прямий підряд.

AI рішення для бізнесу

Готові обговорити проєкт?

Я senior веброзробниця, спеціалізуюсь на React і Next.js - відкрита до фриланс-проєктів по всьому світу.

Забронювати кол у Google Календар

Виберіть дату й час — посилання на Google Meet створиться автоматично.