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许可证的许可。您可以自由使用，修改和分发代码和资产，只要版权通知和权限通知都保留在软件的所有副本或大量部分中。”