ChatGPT

ChatGPT API Kendi Yapay Zeka Sohbet Robotunuzu Yapın

Yayınlanan

5 ay Ö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/[email protected]/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

Merhabalar! Ben Osmaniye'nin Bahçe ilçesinde doğdum ve şu anda 17 yaşındayım. Kendimi bir web yazılım geliştiricisi ve SEO uzmanı olarak olarak tanımlıyorum ve Diveebi.com ve Youtube kanalımda web site eğitimleri, SEO, Photoshop dersleri, Python projeleri, HTML, CSS, JavaScript, PHP, Grafik dersleri ve benzeri içerikler paylaşıyorum. Kişisel Web Sitemi ziyaret et: https://mustafa.diveebi.com/