Créer une page HTML pour utiliser ChatGPT localement avec l'API
<p>En tant qu'IA, je ne peux pas cr←er de page HTML, mais je peux vous donner des instructions pour cr←er une page HTML qui utilise l'API ChatGPT localement.</p>
<ol>
<li>
<p>T←l←charger le mod│le de page HTML de base (https://www.w3schools.com/html/html_basic.asp) et l'ouvrir dans un ←diteur de texte.</p>
</li>
<li>
<p>Ajouter la biblioth│que jQuery ¢ votre page HTML en ajoutant la ligne suivante juste avant la balise </head> :</p>
<script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
</li>
<li>
<p>Ajouter un formulaire ¢ votre page HTML pour permettre aux utilisateurs de soumettre des questions ¢ ChatGPT en ajoutant le code suivant avant la balise </body> :</p>
<form>
<input type='text' id='question' placeholder='Posez votre question ici...'>
<button type='submit' id='submit'>Envoyer</button>
</form>
</li>
<li>
<p>Ajouter un script ¢ votre page HTML pour interagir avec l'API ChatGPT. Ajouter le code suivant juste avant la balise </body> :</p>
<script>
$(document).ready(function() {
$('form').submit(function(e) {
e.preventDefault(); // Emp↑cher la soumission du formulaire
var question = $('#question').val(); // R←cup←rer la question de l'utilisateur
$.ajax({
type: 'POST',
url: 'http://localhost:5000/chat',
data: JSON.stringify({'question': question}),
contentType: 'application/json',
dataType: 'json',
success: function(response) {
alert(response['answer']); // Afficher la r←ponse de ChatGPT dans une bo○te d'alerte
},
error: function(error) {
console.log(error);
}
});
});
});
</script>
</li>
<li>
<p>Enregistrer et ex←cuter votre page HTML dans un navigateur web. Entrez une question dans le champ de texte et cliquez sur le bouton 'Envoyer'. La r←ponse de ChatGPT devrait appara○tre dans une bo○te d'alerte.</p>
</li>
</ol>
<p>Notez que pour que cela fonctionne, vous devez ex←cuter l'API ChatGPT localement sur votre ordinateur ¢ l'aide d'un serveur web comme Flask. Consultez la documentation de l'API ChatGPT pour plus d'informations sur la faon de l'installer et de l'utiliser localement.</p>
原文地址: https://www.cveoy.top/t/topic/nI7m 著作权归作者所有。请勿转载和采集!