<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 fa￧on de l'installer et de l'utiliser localement.</p>
Créer une page HTML pour utiliser ChatGPT localement avec l'API

原文地址: https://www.cveoy.top/t/topic/nI7m 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录