Jak zainstalować GPT-3 Chat na WordPress? Wtyczka

Aby utworzyć wtyczkę WordPress, która integruje okno czatu z GPT-3, Musisz wykonać następujące kroki::

1. Zainstaluj i skonfiguruj wtyczkę programistyczną WordPress w lokalnym środowisku programistycznym.
2. Utwórz nowy plik PHP w katalogu wtyczki WordPress i nadaj plikowi odpowiednią nazwę. Ten plik będzie głównym plikiem wtyczki.
3. Otwórz plik i dodaj nagłówek komentarza na początku pliku, aby podać podstawowe informacje o wtyczce, jako nazwa, Opis i wersja.
4. W pliku, Zdefiniuj funkcję inicjalizacji wtyczki i zarejestruj niezbędne działania i filtruj haki.
5. Użyj funkcji wp_enqueue_scripts , aby wczytać styl i pliki JavaScript wymagane w oknie czatu.
6. Tworzenie pliku JavaScript do obsługi interakcji z GPT-3. Używa interfejsu API OpenAI do wysyłania i odbierania wiadomości użytkowników za pośrednictwem okna czatu.
7. Dodaj okno czatu do swojej witryny WordPress za pomocą tej funkcji add_action i etykietę wp_footer.
8. Przetestuj wtyczkę w lokalnym środowisku programistycznym, aby upewnić się, że działa poprawnie.
9. Spakuj wtyczkę do pliku ZIP i prześlij plik do oficjalnego repozytorium wtyczek WordPress, postępując zgodnie z instrukcjami podanymi na stronie WordPress.

Pamiętaj, że są to tylko podstawowe kroki do utworzenia wtyczki WordPress. Może być konieczne wprowadzenie dodatkowych zmian, aby upewnić się, że wtyczka działa poprawnie w różnych środowiskach i sytuacjach.. Również, należy zachować ostrożność podczas pracy z interfejsem API OpenAI i postępować zgodnie z instrukcjami użytkowania i polityką prywatności firmy.

Oto przykład kodu PHP, którego możesz użyć jako podstawy wtyczki WordPress, która integruje okno czatu z GPT-3.:

<?..php
/*
Nazwa wtyczki: Czat GPT-3
Opis: Dodaj okno czatu GPT-3 do swojej witryny WordPress.
Wersja: 1.0
Autor: Imię i nazwisko
*/

Funkcja gpt3_chat_init() {
// Ładuje style i pliki JavaScript potrzebne w oknie czatu
wp_enqueue_style( 'GPT3-Chat-style', plugin_dir_url( __PLIK__ ) . 'CSS/Style.css’ );
wp_enqueue_script( 'gpt3-chat-script', plugin_dir_url( __PLIK__ ) . "JS/skrypt.js", Tablica(), ‘1.0’, Prawdziwy );

// Przekazujemy klucz API OpenAI jako zmienną JavaScript
wp_localize_script( 'gpt3-chat-script', "gpt3_chat_vars", Tablica(
"api_key’ => "TU_CLAVE_API_AQUÍ’
));
}
add_action( "wp_enqueue_scripts", "gpt3_chat_init’ );

Funkcja gpt3_chat_window() {
// Wyświetla okno czatu w stopce
?>
<div id=”gpt3-chat-okno”>
<div id=”gpt3-chat-header”>
Czat z GPT-3
<span id=”gpt3-chat-close”>&Razy;</PIĘDŹ>
</Div>
<div id=”gpt3-wiadomości-czat”></Div>
<Identyfikator formularza=”gpt3-chat-form”>
<Typ wejścia =”Tekst” id=”gpt3-chat-input” symbol zastępczy=”Wpisz wiadomość…”>
<Typ przycisku=”Prześlij” id=”gpt3-chat-submit”>Wyślij</guzik>
</formularz>
</Div>
<?..php
}
add_action( "wp_footer", "gpt3_chat_window’ );

Później, możesz utworzyć plik JavaScript do obsługi interakcji z GPT-3. Oto przykładowy kod, którego możesz użyć jako podstawy::

// Inicjowanie interfejsu API OpenAI
const openai = wymagaj("OpenAI");
openai.apiKey = gpt3_chat_vars.api_key;

// Wyświetla komunikat w oknie czatu
function showMessage(Komunikat) {
const messagesDiv = document.getElementById('gpt3-chat-messages');
const messageDiv = document.createElement('div');
messageDiv.classList.add('gpt3-chat-message');
messageDiv.innerHTML = wiadomość;
messagesDiv.appendChild(messageDiv);
messagesDiv.scrollTop = messagesDiv.scrollHeight;
}

// Wysyła wiadomość do GPT-3 i wyświetla odpowiedź
funkcja sendMessage(Komunikat) {
// Wyślij wiadomość do GPT-3 przy użyciu interfejsu API OpenAI
openai.completions.create({
model: "tekst-Davinci-002’,
monit: Komunikat,
max_tokens: 256
}, (błąd, Odpowiedź) => {
jeśli (błąd) {
console.error(błąd);
wrócić;
}

// Wyświetla odpowiedź GPT-3 w oknie czatu
showMessage(response.choices[0].Tekst);
});
}

// Wysyła wiadomość po przesłaniu formularza
const chatForm = document.getElementById('gpt3-chat-form');
chatForm.addEventListener("prześlij", (Zdarzenie) => {
event.preventDefault();

const input = document.getElementById('GPT3-chat-input');
jeśli (input.value) {
showMessage(input.value);
sendMessage(input.value);
input.value = ”;
}
});

// Zamyka okno czatu po kliknięciu przycisku zamykania
const closeButton = document.getElementById('gpt3-chat-close');
closeButton.addEventListener("kliknięcie", () => {
const chatWindow = document.getElementById('gpt3-chat-window');
chatWindow.style.display = 'none';
});

Ten kod używa interfejsu API OpenAI do wysłania wiadomości do GPT-3 i wyświetlenia odpowiedzi w oknie czatu. Obsługuje również przesyłanie formularzy i zamykanie okna czatu.

Pamiętaj, że musisz wymienić TU_CLAVE_API_AQUÍ w kodzie PHP z własnym kluczem API OpenAI. Bibliotekę OpenAI należy również zainstalować za pomocą npm install openai Przed użyciem go w projekcie.

Jeśli potrzebujesz pomocy w integracji, możesz skontaktować się z nami za pośrednictwem [email protected] lub pod adresem +34 625 768 035.