GPT API Integration in HTML CSS with JS PHP

Integración de API GPT (en HTML/CSS con JS/PHP)

Actualizado: 02.06.2024 módulos/puntos finales

Importante

Tenga en cuenta que este ejemplo de código es para una aplicación web básica que muestre "¿Cómo hacerlo?", ¡No uso de producción!

¡Otras fuentes importantes para ti! Por favor lea antes de!

• Implementación segura de inteligencia artificial (IA)
• Las mejores prácticas de seguridad de GPT (con ejemplo GPT3.5-Turbo)

GPT es interesante, usémoslo para crear un mundo mejor.

Este archivo ReadMe.md lo guiará a través del proceso de integración de la API GPT en su sitio web basado en PHP, permitiendo la funcionalidad de chat utilizando la API de OpenAI.

Requisitos previos

• PHP 7.4 o superior instalado en su servidor web
• Un servidor web con soporte para PHP (EG, Apache o Nginx)
• Conocimiento de HTML, CSS y JavaScript (para diseñar la interfaz de chat)
• Una clave API para la API GPT de Operai.com

Llave de API

• Regístrese para una cuenta o inicie sesión en la plataforma Operai.
• Navegue a la sección API Keys y genere una nueva clave API.
• Almacene la tecla API de manera segura, ya que la necesitará en el siguiente paso.

Configuración

• Clon o descargar este repositorio.
• Reemplace su_api_key y modele en config.php.
• Reemplace la URL API_ENDPOINT en GPTCHAT.PHP de acuerdo con sus necesidades (consulte la lista a continuación).
• Cargue los archivos index.html, style.css, script.js y gptchat.php a su servidor web.
• Access index.html en su navegador (por ejemplo, https://yourdomain.com/index.html).
• Escriba un mensaje en el campo de entrada de chat y presione Entrar o haga clic en el botón Enviar para enviar el mensaje.
• La API de OpenAI debe responder con un mensaje del modelo de idioma.
• Tenga cuidado y establezca límites en su tablero Operai.

Puntos finales de Operai-API

Cambie gptchat.php & config.php a sus necesidades

Punto final	Nombre del modelo
/v1/chat/finalizaciones	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-2024, GPT-3.5-TURBO, GPT-3.5-TURBO-0301, 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/finalizaciones	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-DavinciDedit-001, Text-Embeding-ADA-002, Text-Embedding-3-Small, Text-Embeding-3-Large, Text-Search-Aad-Doc-001, Text-Searchery-001, 001, Text-Search-Babbage-Doc-001, Text-Search-Babbage-Query-001, Text-Search-Curie-Doc-001, Text-Search-Qualery-001, Text-Search-Davinci-Doc-001, Text-Search-Davinci-Query-001, Text-Similarity-ADAD-001, Text-Simility-Babbagbage-001, Text-SimiliacIle-Curie-001, texto-similitud-Davinci-001
/v1/ediciones	Text-Davinci-edit-001, Code-DavinciDedit-001
/v1/audio/transcripciones	susurro-1
/v1/audio/traducciones	susurro-1
/v1/tunes finos	Davinci, Curie, Babbage, Ada
/v1/incrustaciones	Texto Embedding-ADA-002, texto incrustado-3-small, text-incrustación-3-larga, Text-Search-ADO-DOC-001, Text-Search-ADA-QUERY-001, Text-Search-Babbage-Doc-001, Text-Search-QUERY-001, Text-Search-Curie-Doc-Doc-001, Text-Search-Curie-Query-001, Text-Search-Davinci-Doc-001, Text-Search-Davinci-Query-001
/v1/moderaciones	TEXTO-MODERACIÓN-LATEST, Moderación-Moderación-Estable, Texto-Moderación-007

¡Has integrado con éxito la API GPT en tu sitio web de PHP! Ahora, puede personalizar la interfaz de chat y mejorar la experiencia del usuario según sea necesario.

Captura de pantalla

Tenga en cuenta que este ejemplo de código es para una aplicación web básica, y debe considerar medidas de seguridad adicionales, ¡lea las mejores prácticas de seguridad GPT!

Gracias

"¡Gracias! ¡Su apoyo es apreciado, y estaría agradecido si pudiera compartir este proyecto con otros, dando una a mis proyectos, o
convertirse en un 'patrocinador'. ¡No olvides seguirme para obtener más ideas y actualizaciones gratuitas! "

Derechos de autor

• Volkan (Sah) Kücükbudak
• Volkansah en Github
• Sitio de desarrolladores

¡Otras cosas geniales para GPT!

• Interfaz de texto a voz de OpenAI
• Chatgpt shellmaster (complemento chatgpt4
• Complemento 'gpt comentarios »para WordPress
• GPT sobre CLI
• GPT-Security-Best-Practicices
• Calculadora de costos de OpenAI
• Implementación segura de inteligencia artificial (IA)
• Explorando el intérprete de código en OpenAI

Licencia

Este proyecto es Copyright © Volkansah y tiene licencia bajo la licencia MIT. Usted es libre de usar, modificar y distribuir el código y los activos, siempre que el aviso de derechos de autor y el aviso de permiso se conserven en todas las copias o porciones sustanciales del software ".