Przejdź do głównej zawartości

Jak zaimplementować chatbota OpenAI na stronie internetowej?

Chcesz wdrożyć chatbota OpenAI na swojej stronie internetowej, ale nie chcesz korzystać z Composera? W tym artykule pokażemy Ci, jak to zrobić krok po kroku, wykorzystując PHP oraz API OpenAI.

1. Instalacja chatbota bez Composera

Aby skomunikować się z OpenAI, możesz użyć funkcji curl w PHP.

Plik bot.php


    <?php
    $api_key = "TWÓJ_OPENAI_API_KEY";
    
    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        $userMessage = $_POST["message"];
    
        $data = [
            "model" => "gpt-3.5-turbo",
            "messages" => [["role" => "user", "content" => $userMessage]],
            "max_tokens" => 50
        ];
    
        $ch = curl_init("https://api.openai.com/v1/chat/completions");
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_POST, true);
        curl_setopt($ch, CURLOPT_HTTPHEADER, [
            "Content-Type: application/json",
            "Authorization: Bearer " . $api_key
        ]);
        curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($data));
    
        $response = curl_exec($ch);
        curl_close($ch);
    
        $response_data = json_decode($response, true);
        echo $response_data["choices"][0]["message"]["content"] ?? "Brak odpowiedzi od AI.";
    }
    ?>
    

Plik index.html

Prosty interfejs użytkownika dla chatbota.


    <div id="chatbox"></div>
    <input type="text" id="inputBox" placeholder="Napisz wiadomość...">
    
    <script>
        document.getElementById("inputBox").addEventListener("keypress", function(event) {
            if (event.key === "Enter") {
                let userMessage = this.value;
                this.value = "";
                
                let chatbox = document.getElementById("chatbox");
                chatbox.innerHTML += "<div><strong>Ty:</strong> " + userMessage + "</div>";
                
                fetch("bot.php", {
                    method: "POST",
                    body: new URLSearchParams({message: userMessage}),
                    headers: {"Content-Type": "application/x-www-form-urlencoded"}
                })
                .then(response => response.text())
                .then(botReply => {
                    chatbox.innerHTML += "<div><strong>Bot:</strong> " + botReply + "</div>";
                    chatbox.scrollTop = chatbox.scrollHeight;
                });
            }
        });
    </script>
    

2. Jak nauczyć chatbota treści z naszej strony?

Jeśli chcesz, aby chatbot znał treści z Twojej strony, masz kilka opcji:

  • Przekazywanie treści w zapytaniu – pobierasz stronę i wysyłasz jej fragment jako kontekst do OpenAI.
  • Baza wiedzy w MySQL – przechowujesz pytania i odpowiedzi w bazie danych.
  • Przeszukiwanie plików tekstowych – chatbot szuka odpowiedzi w lokalnych plikach.

Przykładowe pobranie treści strony w PHP:


    $content = file_get_contents("https://twojastrona.pl/o-nas.html");
    $prompt = "Informacje:
    " . substr($content, 0, 2000) . "\nPytanie: " . $userMessage;
    

Pełny kod znajdziesz w artykule powyżej.

Podsumowanie

Teraz wiesz, jak wdrożyć chatbota OpenAI na swojej stronie bez Composera oraz jak nauczyć go treści ze swojej witryny. Możesz dostosować metodę do swoich potrzeb – prosta integracja API, baza danych lub pliki tekstowe.

Komentarze

Popularne posty z tego bloga

API SHOPER

Jak korzystać z API Shoper - Kompletny przewodnik 1. Wprowadzenie API Shoper umożliwia zautomatyzowanie wielu operacji w Twoim sklepie internetowym, takich jak zarządzanie produktami, zdjęciami, zamówieniami i wieloma innymi elementami. W tym artykule pokażę Ci krok po kroku, jak połączyć się z API Shoper oraz wykonać podstawowe operacje, takie jak dodawanie produktów, zarządzanie zdjęciami i przypisywanie produktów powiązanych. 2. Autoryzacja - Uzyskanie Access Token Aby korzystać z API Shoper, najpierw musisz uzyskać access token : POST https://twojsklep.shoper.pl/webapi/oauth/token Content-Type: application/x-www-form-urlencoded grant_type=client_credentials&client_id=TWOJE_CLIENT_ID&client_secret=TWOJE_CLIENT_SECRET Przykład w PHP: <?php $client_id = 'TWOJE_CLIENT_ID'; $client_secret = 'TWOJE_CLIENT_SECRET'; $ch = curl_init('https://twojsklep.shoper.pl/webapi/oauth/token'); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch...

Polityka wykonawcza skryptów w PowerShellu

Polityka wykonawcza (Execution Policy) w PowerShell – co to jest i jak ją zmienić? PowerShell to potężne narzędzie do automatyzacji i zarządzania systemem Windows. Jednak domyślne ustawienia bezpieczeństwa mogą uniemożliwić uruchamianie skryptów. W tym wpisie wyjaśniam, czym jest polityka wykonawcza (Execution Policy), jak ją sprawdzić i zmienić, aby móc swobodnie korzystać z PowerShell. Czym jest polityka wykonawcza (Execution Policy)? Polityka wykonawcza to mechanizm bezpieczeństwa w PowerShell, który kontroluje, jakie skrypty mogą być uruchamiane na systemie. Ma ona na celu zapobieganie przypadkowemu lub złośliwemu uruchomieniu niebezpiecznych skryptów. Dostępne polityki wykonawcze PowerShell oferuje kilka poziomów polityki wykonawczej: Restricted – domyślna polityka. Blokuje wszystkie skrypty PowerShell. Można uruchamiać tylko polecenia wprowadzane bezpośrednio w konsoli. AllSigned – pozwala na uruchamianie tylko skryptów pod...

Automatyczna instalacja Office przez GPO

Automatyczna instalacja Office przez GPO Wprowadzenie W środowisku firmowym, gdzie wiele komputerów pracuje w domenie, często pojawia się potrzeba automatycznej instalacji pakietu Office na stacjach roboczych. Jednym z najwygodniejszych sposobów realizacji tego zadania jest wykorzystanie polityk grupowych (GPO) oraz skryptów instalacyjnych. W tym artykule przeprowadzimy Cię krok po kroku przez cały proces. Problem z GPO - niepotrzebne ponowne uruchamianie instalacji Podczas konfiguracji polityki GPO do instalacji Office, może wystąpić problem, w którym skrypt uruchamia się za każdym razem podczas logowania . Dzieje się tak dlatego, że skrypt umieszczony w lokalizacji: Konfiguracja komputera -> Zasady -> Ustawienia systemu Windows -> Skrypty (Uruchamianie/Zamykanie) -> Uruchamianie ...będzie wykonywany przy każdym starcie systemu, co powoduje ponowną instalację Office. Jak rozwiązać problem? Trzy skuteczne metody 1. Warunkowe sprawdzenie instalacji Dodaj sprawd...