웹사이트 개발에 ChatGPT PHP 적용 및 실습

<?php
require 'vendor/autoload.php';

use OpenAIChatCompletion;

// 读取用户输入
$userMessage = $_POST['message'];

// 调用ChatGPT进行回复
$chatGpt = new ChatCompletion($_ENV['OPENAI_API_KEY']);
$response = $chatGpt->complete($userMessage);

// 获取回复内容
$botReply = $response['choices'][0]['message']['content'];

// 返回回复给用户
echo json_encode(['reply' => $botReply]);

<div id="chatbox">
  <div id="messages"></div>
  <div id="input-container">
    <input type="text" id="user-input" placeholder="请输入问题">
    <button id="send-button">发送</button>
  </div>
</div>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    var messageContainer = document.getElementById('messages');
    var userInput = document.getElementById('user-input');
    var sendButton = document.getElementById('send-button');

    sendButton.addEventListener('click', function() {
      var userMessage = userInput.value;

      // 向服务器发送用户输入并等待回复
      fetch('chatbot.php', {
          method: 'POST',
          body: 'message=' + userMessage,
          headers: {
              'Content-Type': 'application/x-www-form-urlencoded'
          }
      })
      .then(function(response) {
          return response.json();
      })
      .then(function(data) {
          // 显示服务器返回的回复
          var botReply = data.reply;
          var messageElement = document.createElement('div');
          messageElement.classList.add('message');
          messageElement.innerHTML = '<span class="bot">Bot: </span>' + botReply;
          messageContainer.appendChild(messageElement);

          // 清空用户输入框
          userInput.value = '';
      });
    });
  });
</script>