Створіть інтерактивного чат-бота на основі штучного інтелекту з Django та ChatGPT

pic

Зображення згенероване 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 проєкт і встановити необхідні бібліотеки. Виконайте наступні кроки:

  1. Встановіть Django та бібліотеку OpenAI: Виконайте наступну команду в терміналі:
pip install django openai

2. Створіть Django проєкт: Почніть із створення нового проєкту з назвою chatgpt_demo:

django-admin startproject chatgpt_demo
  1. Перейдіть до директорії проєкту: Змініть директорію на створену:
cd chatgpt_demo
  1. Створіть Django додаток: В межах проєкту створіть додаток з назвою chat:
python manage.py startapp chat

Після цього ваша структура проєкту налаштована і готова до подальшої розробки.

Налаштування налаштувань Django

Тепер налаштуємо ваш Django проєкт для використання додатку chat та інтеграції API OpenAI:

  1. Додайте додаток до списку встановлених додатків: Відкрийте файл settings.py та додайте chat до списку INSTALLED_APPS:
INSTALLED_APPS = [  
 # ...  
 'chat',  
]
  1. Встановіть ваш API ключ OpenAI: У тому ж файлі settings.py додайте ваш API ключ OpenAI:
OPENAI_API_KEY = 'your-api-key-here'

Створення вигляду чату

Основна частина програми полягає в створенні вигляду для обробки взаємодії з користувачем. Виконайте наступні кроки для визначення функціональності:

  1. Відкрийте файл 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)
  1. Створіть вигляд чату: Створіть функцію 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)

Leave a Reply

Your email address will not be published. Required fields are marked *