GPT API Integration in HTML CSS with JS PHP

GPT API集成（在具有JS/PHP的HTML/CSS中）

更新：02.06.2024模塊/端點

重要的

請注意，此代碼示例是用於顯示“如何做？”的基本Web應用程序，而不是生產使用！

其他重要來源！請閱讀Befor！

• 安全實施人工智能（AI）
• GPT安全性最佳實踐（帶有GPT3.5-Turbo示例）

GPT很有趣，讓我們用它來創造一個更美好的世界。

此readme.md文件將指導您完成將GPT API集成到基於PHP的網站中的過程，從而使用OpenAI的API啟用聊天功能。

先決條件

• Web服務器上安裝了PHP 7.4或更高
• 支持PHP的Web服務器（例如，Apache或Nginx）
• HTML，CSS和JavaScript的知識（用於設計聊天界面）
• openai.com的GPT API的API鍵

API鍵

• 註冊帳戶或登錄到OpenAI平台。
• 導航到API鍵部分並生成新的API密鑰。
• 安全地存儲API鍵，因為您將在下一步中需要它。

設定

• 克隆或下載此存儲庫。
• 在config.php中替換your_api_key和型號。
• 根據您的需求替換gptchat.php中的API_ENDPOINT URL（請參見下面的列表）。
• 上傳index.html，style.css，script.js和gptchat.php文件到您的Web服務器。
• 訪問您的瀏覽器中的訪問index.html（例如，https://yourdomain.com/index.html）。
• 在聊天輸入字段中鍵入消息，然後按Enter或單擊“發送”按鈕發送消息。
• OpenAI API應以語言模型的消息響應。
• 要謹慎，並在OpenAi儀表板上設置限制。

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-32K-0613，GPT-4-2024，GPT-4-32K-2024 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-0.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, code-search-ada-text-001, code-search-babbage-code-001, code-search-babbage-text-001, curie, curie-instruct-beta, curie-search-document, curie-search-query, curie-similarity, davinci, davinci-instruct-beta, davinci-search-document, davinci-search-query, davinci-similarity, text-ada-001, 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,文本搜索搜索babbage-doc-001，文本搜索 - babbage-Query-001，Text-Search-search-curie-doc-001，text-search-search-curie-query-query-001，text-search-search-search-search-search-davinci-doc-001，text-search-search-search-search-search-search-search-davinci-query-query-query-001文本相似性davinci-001
/v1/編輯	text-davinci-edit-001，code-davinci-edit-001
/v1/音頻/轉錄	耳語1
/v1/音頻/翻譯	耳語1
/v1/微型	Davinci，Curie，Babbage，Ada
/v1/嵌入	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, texch-search-search-davinci-doc-001，text-search-search-davinci-query-001
/V1/適中	文本修飾 - 最終，文本 - 修飾穩定，文本 - 修改-007

您已成功將GPT API集成到PHP網站上！現在，您可以自定義聊天界面並根據需要增強用戶體驗。

螢幕截圖

請注意，此代碼示例用於基本的Web應用程序，您應該考慮其他安全措施，請閱讀GPT安全性最佳實踐！

謝謝

“謝謝！您的支持非常感謝，如果您可以與他人分享這個項目，給我的項目或
成為“贊助商”。不要忘記跟隨我以獲取更多免費的想法和更新！ ”

版權

• Volkan（SAH）Kücükbudak
• 沃爾肯薩（Volkansah）在Github上
• 開發人員網站

GPT的其他很酷的東西！

• OpenAI文本到語音接口
• chatgpt shellmaster（chatgpt4插件
• WordPress的“ GPT評論回复”插件
• GPT在CLI上
• gpt-security-test實踐
• OpenAI成本計算器
• 安全實施人工智能（AI）
• 在OpenAI中探索代碼解釋器

執照

該項目是版權所有©Volkansah，並獲得了MIT許可證的許可。您可以自由使用，修改和分發代碼和資產，只要版權通知和權限通知都保留在軟件的所有副本或大量部分中。 ”