ChatGPT

ChatGPT API Kendi Yapay Zeka Sohbet Robotunuzu Yapın

Yayınlanan

3 yıl Önce

İcerisinde

Nisan 18, 2023

Tarafından

Mustafa Salman YT

ChatGPT API Kendi Yapay Zeka Sohbet Robotunuzu Yapın

Bu projemizde, ChatGPT API‘sini kullanarak kendi yapay zeka sohbet robotumuzu oluşturduk. ChatGPT, OpenAI tarafından geliştirilen bir dil modeli ve doğal dil işleme teknolojisi kullanarak insanlarla etkileşim kurabilen bir sohbet robotu oluşturmak için kullanılan bir araçlar arasında.

Bu projede, ChatGPT API‘sini kullanarak, kullanıcılarla gerçek zamanlı olarak sohbet edebilen bir yapay zeka sohbet robotu oluşturacağız. Ayrıca, ChatGPT‘nin eğitimli olduğu geniş dil verileri sayesinde, robotun doğal bir şekilde konuşması ve kullanıcılara gerçekçi cevaplar vermesi sağlıyor.

Bu projenin amacı, yapay zeka teknolojilerini kullanarak farklı projeler oluşturmak ve insanlarla yapay zeka arasındaki etkileşimi artırmak.

İndex.php

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mustafa Salman YT</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">

</head>
<body>
    <style>
        body{
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 'Poppins', sans-serif;
            background-color: #f9f9fa;
        }
        .container {
            justify-content: center;
            max-height: 80%;
            padding: 12px 20px;
            width: 500px;
        }
        .media-chat {
            display: block;
            padding: 8px 10px;
            margin: 6px 0;
            background-color: #f5f6f7;
            border: 1px solid #41414120;
            border-radius: 6px;
            color: #414141;
            font-weight: 400;
        }
        .media-chat-reverse {
            background-color: #7c84cf;
            color: white;
        }
        .publisher {
            position: relative;
            display: flex;
            align-items: center;
            padding: 4px 6px;
            background-color: #41414120;
        }
        .chat-input {
            border: none;
            flex-grow: 1;
            outline: none;
            height: 100%;
            padding: 9px 8px;
        }
        .chat-box {
            overflow-y: scroll;
            height: 450px;
        }

    </style>
    <div class="container">
        <div class="card">
            <div class="card-header">
                <span>ChatGPT & Mustafa Salman YT</span>
            </div>
            <div class="p-4 chat-box" id="chat-box">
                <div class="media-chat">
                    <p>
                        <b>AI:</b>
                        Merhaba ben ChatGPT size nasıl yardımcı olabilirim?
                    </p>
                </div>
                <div tabindex="0" style="top:0;"></div>
            </div>
            <div class="publisher border-ligth">
                <input type="text" class="chat-input" id="input-msg" placeholder="Mesajınızı Giriniz...">
                <button class="btn btn-primary" id="send-btn">Gönder</button>
            </div>
        </div>
    </div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>

var input = $('#input-msg');
var btn = $('#send-btn');
var chat = $('#chat-box');

btn.click('on',function(){
    if(input.val().length == 0){
        alert('Litfen Bir şeyler girin !');
    }
    else{
        var value = input.val();
        chat.append(`
            <div class="media-chat media-chat-reverse">
                <p>
                    <b>Human:</b>
                    ` + value + `
                </p>
            </div>
        `);
        input.val('');
        $.ajax({
            type: "POST",
            url: "/MustafaSalmanYT/chat-api.php",
            data: {prompt: value},
            dataType: "json",
            success:function(response){
                var data = JSON.parse(response);
                chat.append(`
                    <div class="media-chat">
                        <p>
                            <b>AI:</b>
                            ` + data.choices[0].text + `
                        </p>
                    </div>
                `);
                console.log(data);
            },
            error:function(e){
                console.error('Hata Oluştu:' + e);
            }
        });
    }
});

setInterval(() => {
    chat.scrollTop(chat.prop('scrollHeight'));
}, 200);

</script>
</body>
</html>

chat-api.php

<?php

/*
 * 
 *  BU PROJEDE HİÇ BİR GÜVENLİK ÖNLEMİ ALINMAMIŞTIR
 * 
*/
if(@$_POST){

    $api_key = "Kendi api anahtarınızı girin";
    $prompt = $_POST['prompt'];
    
    $stop = array(" Human:", " AI:");
    $data = array(
        "model" => "text-davinci-003",
        "prompt" => $prompt,
        "temperature" => 0.9,
        "max_tokens" => 500,
        "top_p" => 1,
        "frequency_penalty" => 0,
        "presence_penalty" => 0.6,
        "stop" => $stop
    );

    
    $payload = json_encode($data);
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, 'https://api.openai.com/v1/completions');
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_POST, 1);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $payload);
    curl_setopt($ch, CURLOPT_HTTPHEADER, array(
        'Content-Type: application/json', 
        'Authorization: Bearer ' . $api_key
    ));
    $resault = curl_exec($ch);
    curl_close($ch);

    $response = json_encode($resault, true);
    print_r($response);

}

?>

İlgili

Up Next

PHP Nedir, Ne İşe Yarar? Kullanım alanları Nelerdir?

Don't Miss

PHP Dinamik Sitemap.xml Oluşturma

Mustafa Salman YT

19 yaşında bir Full Stack Web Geliştiriciyim. Eğitimlerim ve uzmanlık alanlarım arasında web uygulamalarının oluşturulması, SEO stratejileri, Photoshop, Python, HTML, CSS, JavaScript, PHP ve grafik tasarım gibi konular yer almaktadır. Diveebi.com adlı web sitem ve YouTube kanalımda, bu alanlarla ilgili içerikler üretmeye ve paylaşmaya büyük bir tutku ile devam ediyorum.