GPT API Integration in HTML CSS with JS PHP

Интеграция GPT API (в HTML/CSS с JS/PHP)

Обновлено: 02.06.2024 Модули/конечные точки

Важный

Обратите внимание, что этот пример кода является базовым веб -приложением, чтобы показать «Как это сделать?», Не использование производства!

Другие важные источники для вас! Пожалуйста, прочитайте Befor!

• Безопасная реализация искусственного интеллекта (ИИ)
• Лучшие практики безопасности GPT (с примером GPT3.5-Turbo)

GPT интересен, давайте использовать его, чтобы создать лучший мир.

Этот файл readme.md проведет вас через процесс интеграции API GPT в ваш веб-сайт на основе PHP, что позволяет функциональности чата с использованием API OpenAI.

Предварительные условия

• PHP 7.4 или выше установлен на вашем веб -сервере
• Веб -сервер с поддержкой PHP (например, Apache или Nginx)
• Знание HTML, CSS и JavaScript (для разработки интерфейса чата)
• Ключ API для GPT API с OpenAI.com

API -ключ

• Зарегистрируйтесь на учетную запись или войдите на платформу Openai.
• Перейдите к разделу API Keys и создайте новый ключ API.
• Храните ключ API безопасно, так как он вам понадобится на следующем шаге.

Настройка

• Клонировать или загрузить этот репозиторий.
• Замените your_api_key и модель в config.php.
• Замените URL API_ENDPOINT в GPTCHAT.PHP в соответствии с вашими потребностями (см. Список ниже).
• Загрузите index.html, style.css, script.js и gptchat.php файлы на ваш веб -сервер.
• INDEX Access.html в вашем браузере (например, https://yourdomain.com/index.html).
• Введите сообщение в поле ввода чата и нажмите Enter или нажмите кнопку «Отправить», чтобы отправить сообщение.
• API OpenAI должен ответить сообщением из языковой модели.
• Будьте осторожны и установите ограничения на вашей панели Dashboard.

Openai-API конечные точки

Пожалуйста, измените gptchat.php & config.php на ваши потребности

Конечная точка	Название модели
/v1/chat/завершение	GPT-4, GPT-4-0314, GPT-4-0613, GPT-4-32K, GPT-4-32K-0314, GPT-4-32K-0613, GPT-4-2024, GPT-4-32K-201, GPT-3,5-Turbo, GPT-3,5-TURBO-0301, GPT-3,5-TURBO-0301, GPT-3,5-TURBO, GPT-3,5-TURBO-0301, GPT-3,5-T GPT-3,5-Turbo-0613, GPT-3,5-Turbo-16K, GPT-3,5-Turbo-16K-0613, GPT-3,5-Turbo-2024, GPT-3,5-Turbo-16K-2024, GPT-3,5-Turbo-0125
/v1/завершения	ada, ada-code-search-code, ada-code-search-text, ada-search-document, ada-search-query, ada-similarity, babbage, babbage-code-search-code, babbage-code-search-text, babbage-search-document, babbage-search-query, babbage-similarity, code-davinci-edit-001, code-search-ada-code-001, кодовой-поиск-ADA-Text-001, Code-Search-Babbage-Code-001, Code-Search-Babbage-Text-001, Curie, Curie-Instruct-Beta, Curie-Search-Document, Curie-Search-Query, Curie-Similal text-babbage-001, text-curie-001, text-davinci-001, text-davinci-002, text-davinci-003, text-davinci-edit-001, text-embedding-ada-002, text-embedding-3-small, text-embedding-3-large, text-search-ada-doc-001, text-search-ada-query-001, text-search-babbage-doc-001, text-search-babbage-query-001, text-search-curie-doc-001, text-search-curie-query-001, text-search-davinci-doc-001, text-search-davinci-query-001, text-similarity-ada-001, text-similarity-babbage-001, text-similarity-curie-001, Текст-симилар--давинка-001
/v1/edits	Text-Davinci-edit-001, код-Davinci-edit-001
/v1/audio/транскрипции	Whisper-1
/v1/audio/переводы	Whisper-1
/v1/fine-tunes	Davinci, Curie, Babbage, Ada
/v1/elseddings	text-embedding-ada-002, text-embedding-3-small, text-embedding-3-large, text-search-ada-doc-001, text-search-ada-query-001, text-search-babbage-doc-001, text-search-babbage-query-001, text-search-curie-doc-001, text-search-curie-query-001, Текст-поиск--давинка-док-001, текстовый-поиск-давинка-Query-001
/v1/maderations	Текстовая модерация, стабильная текстовая модера, текстовая модерация-007

Вы успешно интегрировали GPT API в свой веб -сайт PHP! Теперь вы можете настроить интерфейс чата и улучшить пользовательский опыт по мере необходимости.

Скриншот

Обратите внимание, что этот пример кода предназначен для основного веб -приложения, и вам следует рассмотреть дополнительные меры безопасности, пожалуйста, прочитайте лучшие практики безопасности GPT!

Спасибо

«Спасибо! Ваша поддержка ценится, и я был бы благодарен, если бы вы могли поделиться этим проектом с другими, отдавая мои проекты, или
стать «спонсором». Не забудьте следовать за мной, чтобы получить больше бесплатных идей и обновлений! »

Авторское право

• Волкан (Сах) Кюсюкбудак
• Volkansah на Github
• Сайт разработчика

Другие классные вещи для GPT!

• Openai Text-To Speek Interface
• Chatgpt Shellmaster (плагин CHATGPT4
• Плагин «Комментарий GPT» для WordPress
• GPT над CLI
• GPT-Security-Best-Gractices
• Калькулятор затрат Openai
• Безопасная реализация искусственного интеллекта (ИИ)
• Изучение переводчика кода в OpenAI

Лицензия

Этот проект Copyright © Volkansah и лицензирован по лицензии MIT. Вы можете свободно использовать, изменять и распространять код и активы, если уведомление об авторском праве и уведомление о разрешении сохраняются во всех копиях или существенных частях программного обеспечения ».