Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Додавання ШІ до вашого застосунку | Перший Працюючий Застосунок
Вебзастосунок з нуля з Claude

bookДодавання ШІ до вашого застосунку

Свайпніть щоб показати меню

Note
Визначення

API-ключ — це приватні облікові дані, які з'єднують ваш застосунок з AI-моделлю. Уявіть його як код доступу, що підтверджує право вашого застосунку використовувати AI. Без нього ваш застосунок не зможе генерувати жодних відповідей.

Ваш застосунок працює, але ще не може генерувати AI-відповіді. Для цього йому потрібен API-ключ.

Як отримати ключ

Перейдіть на console.anthropic.com, створіть обліковий запис, перейдіть до розділу API Keys і створіть новий ключ. Скопіюйте його одразу, оскільки він більше не відображатиметься.

Як додати його безпечно

Запитайте Claude Code:

"How do I add my Anthropic API key to this project securely?"

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

Note
Примітка

Ваш API-ключ є приватним. Файл .env.local — правильне місце для його зберігання. Claude Code знає про це та підкаже, як зробити це правильно.

Тестування

Після того як ключ буде додано, введіть ідею у свій застосунок і натисніть «Надіслати». Якщо все налаштовано правильно, ви отримаєте справжню AI-валидацію за кілька секунд. Це момент, коли застосунок працює від початку до кінця.

question mark

Який найкращий спосіб безпечно використовувати свій Anthropic API-ключ у застосунку?

Виберіть правильну відповідь

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 3. Розділ 4

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Секція 3. Розділ 4
some-alt