Aby osadzić chat z GPT-3 na stronie internetowej, musisz najpierw uzyskać dostęp do API GPT-3 i uzyskać klucz API. Następnie możesz użyć następującego kodu JavaScript, aby osadzić chat na stronie:

<div id="chat-container"></div>

<script>
  // Ustaw klucz API GPT-3
  const apiKey = 'YOUR_GPT3_API_KEY';

  // Funkcja do wysyłania wiadomości do GPT-3 i wyświetlania odpowiedzi
  const sendMessage = async (message) => {
    const response = await fetch('https://api.openai.com/v1/bots/BOT_ID/posts', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'Authorization': `Bearer ${apiKey}`
      },
      body: JSON.stringify({
        prompt: message,
        model: 'MODEL_ID',
        temperature: 0.5
      })
    });
    const data = await response.json();
    const chatContainer = document.getElementById('chat-container');
    chatContainer.innerHTML += `
      <div class='message'>
        <span class='user-message'>${message}</span>
        <span class='bot-message'>${data.text}</span>
      </div>
    `;
  }

  // Nasłuchuj na formularzu chatu i wyślij wiadomość do GPT-3 po naciśnięciu przycisku
  const chatForm = document.getElementById('chat-form');
  chatForm.addEventListener('submit', (event) => {
    event.preventDefault();
    const input = document.getElementById('chat-input');
    sendMessage(input.value);
    input.value = '';
  });
</script>

<!-- Formularz chatu z polem tekstowym i przyciskiem wysyłania -->
<form id="chat-form">
  <input type="text" id="chat-input" placeholder="Wpisz wiadomość..." />
  <button type="submit">Wyślij</button>
</form>

Pamiętaj, że musisz zastąpić YOUR_GPT3_API_KEY swoim własnym kluczem API GPT-3, BOT_ID identyfikatorem bota GPT-3, a MODEL_ID identyfikatorem modelu GPT-3, którego chcesz użyć do odpowiedzi.

Ten kod tworzy formularz chatu z polem tekstowym i przyciskiem wysyłania.

Przykładowy API KEY

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

Aby uzyskać dostęp do API GPT-3, musisz zarejestrować się na stronie OpenAI i uzyskać dostęp do API GPT-3. Możesz to zrobić, przechodząc do strony: https://beta.openai.com/signup i wypełniając formularz rejestracyjny.

Po zarejestrowaniu i zatwierdzeniu konta przez OpenAI będziesz mógł uzyskać dostęp do API GPT-3, tworząc projekt i uzyskując klucz API. Możesz to zrobić, przechodząc do sekcji „Projekty” na swoim koncie OpenAI i klikając przycisk „Utwórz nowy projekt”. Po utworzeniu projektu będziesz mógł uzyskać dostęp do klucza API w sekcji „Ustawienia projektu”.

Pamiętaj, że dostęp do API GPT-3 jest obecnie dostępny tylko na zaproszenie i jest ograniczony do określonych celów badawczych i edukacyjnych. Może być konieczne udowodnienie, że Twoje zastosowanie API GPT-3 spełnia te wymagania.