Conas is féidir liom chatgpt a chruthú gan athnuachan ar an leathanach?

Conas is féidir liom chatgpt a chruthú gan athnuachan ar an leathanach?

Chatbot bunaithe ar GPT-3 a chruthú mar chatgpt gan an leathanach a bhreisiú an leathanach, Is féidir leat JavaScript agus Ajax a úsáid (JavaScript Asynchronous agus XML) Chun cumarsáid a dhéanamh leis an tsamhail OpenII GPT-3. Seo na céimeanna ginearálta chun é a dhéanamh:

Faigh na beacha Openai: Déan cinnte go bhfuil rochtain agat ar API Openai GPT-3. Mura bhfuil amhlaidh déanta agat cheana féin, Beidh ort beach comhartha a iarraidh ar Ardán OpenAI agus do thimpeallacht forbartha a chumrú.
Cumraigh do thimpeallacht: Déan cinnte go bhfuil JavaScript cumasaithe agat i do thimpeallacht forbartha. Is féidir leat leathanach HTML a chruthú agus JavaScript a úsáid chun cumarsáid a dhéanamh leis an API GPT-3.
Comhéadan an úsáideora a chódú: Cruthaigh comhéadan úsáideora ar do leathanach gréasáin le haghaidh ionchur an úsáideora agus breathnú ar fhreagraí chatbot. Is féidir leat HTML agus CSS a úsáid chun cuma do chatbot a chruthú.
Úsáid Ajax chun cumarsáid a dhéanamh leis an API: Úsáid JavaScript agus an teicníc AJAX chun iarratais a sheoladh chuig an tseirbhís API Openi. Is féidir leat an fheidhm a úsáid fetch nó leabharlann ar nós jQuery chun cumarsáid a shimpliú. Seo sampla den chaoi a bhféadfá iarratas a dhéanamh ar an tseirbhís OpenII:

Cód JavaScriptCopy

const apiKey = 'TuoTokenAPI'; // Sostituisci con il tuo token API
const apiUrl = 'https://api.openai.com/v1/engines/davinci-codex/completions';

// Funzione per inviare una richiesta al modello GPT-3
function sendRequest(input) {
  fetch(apiUrl, {
    method: 'POST',
    headers: {
      'Authorization': `Bearer ${apiKey}`,
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({
      prompt: input,
      max_tokens: 50 // Imposta il numero massimo di token nella risposta
    })
  })
  .then(response => response.json())
  .then(data => {
    const responseText = data.choices[0].text;
    // Visualizza la risposta del chatbot nell'interfaccia utente
    displayResponse(responseText);
  })
  .catch(error => {
    console.error('Errore nella richiesta:', error);
  });
}

Bainistigh an freagra chatbot: Nuair a fhaigheann tú an freagra ón tseirbhís OpenAI, Féach ar an gcomhéadan úsáideora go dinimiciúil gan an leathanach a nuashonrú. Is féidir leat JavaScript a úsáid chun an eilimint chuí HTML a nuashonrú leis an bhfreagra chatbot.
Bainistigh ionchur an úsáideora: Ionchur an úsáideora a ghabháil ón gcomhéadan úsáideora agus é a sheoladh chuig an tsamhail GPT-3 ag baint úsáide as an bhfeidhm sendRequest gur chruthaigh tú roimhe seo.
Itera agus feabhsaíonn sé: Tástáil do chatbot, Aiseolas a bhailiú ó úsáideoirí agus feabhsaíonn sé taithí an úsáideora. Is féidir leat gnéithe breise a chur i bhfeidhm freisin, mar shampla orduithe gutha nó aitheantas a thabhairt do rún an chatbot a dhéanamh níos idirghníomhaí.

Cuimhnigh aird a thabhairt ar bheartais úsáide an API Openai agus iad a urramú le linn do chatbot a fhorbairt.

Is féidir leat sampla den leathanach HTML a thabhairt dom?

Cinnte, Seo sampla simplí de leathanach HTML lena n-áirítear réimse ionchuir don úsáideoir agus limistéar chun na freagraí chatbot a fheiceáil ag úsáid JavaScript agus Ajax chun cumarsáid a dhéanamh leis na beacha OpenII GPT-3:

cód htmlcopy

<!DOCTYPE html>
<html>
<head>
    <title>ChatGPT senza refresh della pagina</title>
</head>
<body>
    <h1>ChatGPT senza refresh della pagina</h1>
    
    <div id="chat-container">
        <div id="chat-output"></div>
        <input type="text" id="user-input" placeholder="Scrivi qualcosa...">
        <button onclick="sendMessage()">Invia</button>
    </div>

    <script>
        const apiKey = 'TuoTokenAPI'; // Sostituisci con il tuo token API
        const apiUrl = 'https://api.openai.com/v1/engines/davinci-codex/completions';

        function displayResponse(responseText) {
            const chatOutput = document.getElementById('chat-output');
            chatOutput.innerHTML += '<div><strong>ChatGPT:</strong> ' + responseText + '</div>';
        }

        function sendMessage() {
            const userInput = document.getElementById('user-input').value;
            if (userInput) {
                const chatOutput = document.getElementById('chat-output');
                chatOutput.innerHTML += '<div><strong>Tu:</strong> ' + userInput + '</div>';
                document.getElementById('user-input').value = '';

                fetch(apiUrl, {
                    method: 'POST',
                    headers: {
                        'Authorization': `Bearer ${apiKey}`,
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify({
                        prompt: userInput,
                        max_tokens: 50
                    })
                })
                .then(response => response.json())
                .then(data => {
                    const responseText = data.choices[0].text;
                    displayResponse(responseText);
                })
                .catch(error => {
                    console.error('Errore nella richiesta:', error);
                });
            }
        }
    </script>
</body>
</html>

Sa chód thuas, Tá réimse ionchuir againn inar féidir leis an úsáideoir teachtaireacht a scríobh, Agus agus tú ag cliceáil ar an gcnaipe “Seol”, Seoltar an teachtaireacht chuig an tsamhail GPT-3 agus taispeántar an freagra sa limistéar aschuir gan an leathanach a nuashonrú. Déan cinnte go dtiocfaidh 'Tuotkenapi in ionad' Tuotkenapi’ Le do API Ríoga Ríoga agus úsáid na mbeartas OpenAI API a leanúint.

Scaip an grá