GPT API Integration in HTML CSS with JS PHP

Intégration de l'API GPT (en HTML / CSS avec JS / PHP)

Mise à jour: 02.06.2024 Modules / points de terminaison

Important

Veuillez noter que cet exemple de code est qu'une application Web de base affiche "Comment faire?", Pas une utilisation en production!

Autres sources importantes pour vous! Veuillez lire Befor!

• Implémentation sécurisée de l'intelligence artificielle (IA)
• GPT Security Best Practices (avec un exemple GPT3.5-Turbo)

GPT est intéressant, utilisons-le pour créer un monde meilleur.

Ce fichier readme.md vous guidera à travers le processus d'intégration de l'API GPT dans votre site Web basé sur PHP, permettant des fonctionnalités de chat à l'aide de l'API d'Openai.

Condition préalable

• PHP 7.4 ou plus installé sur votre serveur Web
• Un serveur Web avec prise en charge de PHP (par exemple, Apache ou Nginx)
• Connaissance de HTML, CSS et JavaScript (pour concevoir l'interface de chat)
• Une clé API pour l'API GPT d'Openai.com

Clé API

• Inscrivez-vous à un compte ou connectez-vous à la plate-forme OpenAI.
• Accédez à la section des touches API et générez une nouvelle clé API.
• Stockez la clé API en toute sécurité, car vous en aurez besoin à l'étape suivante.

Mise en place

• Cloner ou télécharger ce référentiel.
• Remplacez votre_API_KEY et le modèle dans config.php.
• Remplacez l'URL api_endpoint dans gptchat.php en fonction de vos besoins (voir la liste ci-dessous).
• Télécharger index.html, style.css, script.js et gptchat.php de fichiers sur votre serveur Web.
• Access index.html dans votre navigateur (par exemple, https://yourdomain.com/index.html).
• Tapez un message dans le champ de saisie de chat et appuyez sur Entrée ou cliquez sur le bouton Envoyer pour envoyer le message.
• L'API OpenAI doit répondre par un message du modèle de langue.
• Soyez prudent et fixez des limites sur votre tableau de bord Openai.

Points de terminaison Openai-API

Veuillez modifier gptchat.php & config.php en vos besoins

Point final	Nom du modèle
/ v1 / chat / complétions	GPT-4, GPT-4-0314, GPT-4-0613, GPT-4-32K, GPT-4-32K-0314, GPT-4-32K-0613, GPT-4-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-0125
/ v1 / complétions	ADA, Ada-Code-Search-Code, Ada-Code-Search-Text, Ada-Search-Document, Ada-Search-Query, Ada-Similarity, Babbage, Babbage-Code-Search-Code Code-Search-Ada-Text-001, Code-Search-Babbage-Code-001, Code-Search-Babbage-Text-001, Curie, Curie-Instruct-Beta, Curie-Search-Document, Curie-Search-Queer 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-Edding-3-Larity, Text-Search-Ada-Doc-001, Text-Search-3 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-davin-query-001, text-similarity-currie-currie-calilarity-babbage-001 Texte-similitude-Davinci-001
/ v1 / modifications	text-davinci-edit-001, code-davinci-edit-001
/ v1 / audio / transcriptions	chuchoter
/ v1 / audio / traductions	chuchoter
/ V1 / Fine-Tunes	DaVinci, Curie, Babbage, Ada
/ v1 / embeddings	Text-Embedding-ADA-002, Text-Embedding-3-Small, Text-Embedding-3-Garn text-search-davinci-doc-001, text-search-davini-query-001
/ v1 / modérations	texto-moderation-later, text-moderation-stable, text-moderation-007

Vous avez réussi à intégrer l'API GPT dans votre site Web PHP! Maintenant, vous pouvez personnaliser l'interface de chat et améliorer l'expérience utilisateur au besoin.

Capture d'écran

Veuillez noter que cet exemple de code est pour une application Web de base, et vous devriez considérer des mesures de sécurité supplémentaires, veuillez lire les meilleures pratiques de sécurité GPT!

Merci

"Merci! Votre soutien est apprécié, et je serais reconnaissant si vous pouviez partager ce projet avec les autres, en donnant un à mes projets, ou
devenir un «sponsor». N'oubliez pas de me suivre pour plus d'idées et de mises à jour gratuites! "

Droit d'auteur

• Volkan (SAH) Kücükbudak
• Volkansah sur Github
• Site de développeur

Autres trucs sympas pour GPT!

• Interface de texte à dispection OpenAI
• Chatgpt Shellmaster (plugin chatppt4
• Plugin 'GPT Commentaire' Répondre 'pour WordPress
• GPT sur CLI
• GPT-Sécurité-plus pratiques
• Calculateur de coûts Openai
• Implémentation sécurisée de l'intelligence artificielle (IA)
• Exploration de l'interprète de code dans OpenAI

Licence

Ce projet est Copyright © Volkansah et est autorisé sous la licence MIT. Vous êtes libre d'utiliser, de modifier et de distribuer le code et les actifs, tant que l'avis de droit d'auteur et l'avis d'autorisation sont conservés dans toutes les copies ou des parties substantielles du logiciel. "