Зображення згенероване DALL.E
Коли-небудь замислювалися, як інтегрувати інтелект ChatGPT у свій веб-застосунок? Уявіть собі чат-бота, який не тільки розуміє введені користувачем повідомлення, але й генерує продумані, орієнтовані на AI відповіді в реальному часі. У цьому посібнику ми крок за кроком навчимо вас створювати інтерактивного чат-бота за допомогою Django та потужного API OpenAI. Якщо ви тільки починаєте працювати з Django або хочете розширити свої навички програмування, цей проєкт дасть вам чудову можливість створити щось корисне. В кінці у вас буде функціональний чат-бот і глибше розуміння того, як ефективно інтегрувати зовнішні API в Django.
Перейдіть за цим посиланням, щоб отримати ваш API ключ від OpenAI.
[
Як отримати свій API ключ від OpenAI
OpenAI перевів свої API ключі на рівень проєкту
medium.com
](/@lorenzozar/how-to-get-your-own-openai-api-key-f4d44e60c327?source=post_page-----8af5d15a45a8--------------------------------)
Налаштування проєкту
Щоб почати, потрібно налаштувати Django проєкт і встановити необхідні бібліотеки. Виконайте наступні кроки:
- Встановіть Django та бібліотеку OpenAI: Виконайте наступну команду в терміналі:
pip install django openai
2. Створіть Django проєкт: Почніть із створення нового проєкту з назвою chatgpt_demo
:
django-admin startproject chatgpt_demo
- Перейдіть до директорії проєкту: Змініть директорію на створену:
cd chatgpt_demo
- Створіть Django додаток: В межах проєкту створіть додаток з назвою
chat
:
python manage.py startapp chat
Після цього ваша структура проєкту налаштована і готова до подальшої розробки.
Налаштування налаштувань Django
Тепер налаштуємо ваш Django проєкт для використання додатку chat
та інтеграції API OpenAI:
- Додайте додаток до списку встановлених додатків: Відкрийте файл
settings.py
та додайтеchat
до спискуINSTALLED_APPS
:
INSTALLED_APPS = [
# ...
'chat',
]
- Встановіть ваш API ключ OpenAI: У тому ж файлі
settings.py
додайте ваш API ключ OpenAI:
OPENAI_API_KEY = 'your-api-key-here'
Створення вигляду чату
Основна частина програми полягає в створенні вигляду для обробки взаємодії з користувачем. Виконайте наступні кроки для визначення функціональності:
- Відкрийте файл
chat/views.py
та імпортуйте необхідні бібліотеки:
from django.shortcuts import render
from django.http import JsonResponse
from django.views.decorators.csrf import csrf_exempt
from openai import OpenAI
from django.conf import settings
2. Ініціалізуйте клієнт OpenAI: Налаштуйте клієнта за допомогою API ключа з налаштувань:
client = OpenAI(api_key=settings.OPENAI_API_KEY)
- Створіть вигляд чату: Створіть функцію
chat_view
, щоб обробляти POST запити та взаємодіяти з OpenAI:
@csrf_exempt
def chat_view(request):
if request.method == 'POST':
user_message = request.POST.get('message', '')
response = client.chat.completions.create(
model="gpt-3.5-turbo",
messages=[
{"role": "system", "content": "You are a helpful assistant."},
{"role": "user", "content": user_message},
],
max_tokens=150
)
ai_message = response.choices[0].message.content
return JsonResponse({'message': ai_message})
return render(request, 'chat/chat.html')
Ця функція обробляє як введення користувача, так і відповіді від ChatGPT.
Налаштування маршрутизації URL
Далі, налаштуємо маршрутизацію URL, щоб пов'язати вигляд чату з URL ендпоінтом. Редагуйте файл chatgpt_demo/urls.py
:
from django.contrib import admin
from django.urls import path
from chat.views import chat_view
urlpatterns = [
path('admin/', admin.site.urls),
path('', chat_view, name='chat'),
]
Тепер головна сторінка (/
) буде відображати інтерфейс чату.
Створення HTML шаблону
Розробіть простий HTML шаблон для відображення інтерфейсу чату.
В директорії chat/templates/chat/
створіть файл з назвою chat.html
:
ChatGPT Demo
Надіслати
Перекладено з: [Build an Interactive AI Chatbot with Django and ChatGPT](https://medium.com/@mathur.danduprolu/build-an-interactive-ai-chatbot-with-django-and-chatgpt-8af5d15a45a8)