How to Build a Simple ChatGPT Website with HTML, PHP, and OpenAI API
Setting Up a ChatGPT Website: A Simple Guide/n/nThis guide will walk you through creating a simple ChatGPT website using HTML, PHP, and the OpenAI API. You'll learn how to build a basic interface and connect it to ChatGPT for generating responses to user prompts./n/n### 1. Website Structure/n/n1. Create a Folder: Start by creating a new folder on your computer named 'ChatGPT'./n2. Create index.php: Inside the 'ChatGPT' folder, create a new file called 'index.php' using a text editor./n3. Add HTML Code: Paste the following HTML code into the 'index.php' file:/n/nhtml/n<!DOCTYPE html>/n<html>/n<head>/n/t<title>ChatGPT</title>/n</head>/n<body>/n/t<form method=/'post/'>/n/t/t<label for=/'prompt/'>Prompt:</label>/n/t/t<input type=/'text/' name=/'prompt/' id=/'prompt/'><br><br>/n/t/t<label for=/'answer/'>Answer:</label>/n/t/t<input type=/'text/' name=/'answer/' id=/'answer/' readonly><br><br>/n/t/t<input type=/'submit/' name=/'submit/' value=/'Submit/'>/n/t</form>/n</body>/n</html>/n/n/n4. View the Basic Interface: Save the 'index.php' file and open it in a web browser. You should see a simple form with a 'Prompt' textbox, an 'Answer' textbox (which is initially read-only), and a 'Submit' button./n/n### 2. Installing the OpenAI API for PHP/n/n1. Open a Terminal: Open a terminal or command prompt and navigate to the 'ChatGPT' folder using the cd command./n2. Install OpenAI PHP Library: Run the following command to install the OpenAI API library for PHP:/n/nbash/ncomposer require openai/openai/n/n/n3. Create openai.php: Create a new file named 'openai.php' within the 'ChatGPT' folder./n4. Add PHP Code: Copy and paste the following PHP code into 'openai.php':/n/nphp/n<?php/nrequire 'vendor/autoload.php';/n/nuse OpenAI/Api;/n/n$api_key = '<YOUR_API_KEY_HERE>'; // Replace with your OpenAI API key/n$model = 'text-davinci-002';/n/nif (isset($_POST['submit'])) {/n $prompt = $_POST['prompt'];/n/n $api = new Api($api_key);/n $response = $api->completions([/n 'model' => $model,/n 'prompt' => $prompt,/n 'max_tokens' => 150,/n 'n' => 1,/n 'stop' => ['//n']/n ]);/n/n $answer = $response['choices'][0]['text'];/n echo '<script>document.getElementById('answer').value='$answer';</script>';/n}/n?>/n/n/n5. Replace API Key: Replace <YOUR_API_KEY_HERE> with your actual OpenAI API key. You can get your key from https://platform.openai.com/account/api-keys. /n6. Save the File: Save the 'openai.php' file./n/n### 3. Running the Website/n/n1. Install Web Server: Install a web server software like XAMPP (for Windows) or WAMP (for Windows) on your computer. Both options include Apache, MySQL, and PHP. Follow the instructions provided on their respective websites./n2. Start Web Server: Start the web server software you installed and ensure it's running. Check if Apache is running by accessing 'http://localhost' in your web browser. You should see the Apache webserver's default page./n3. Access ChatGPT Website: Open your web browser and type 'http://localhost/ChatGPT/' in the address bar. /n4. Interact with ChatGPT: You should now see your basic ChatGPT website. Enter a prompt in the textbox and click the 'Submit' button. The OpenAI API will process your prompt and display the generated answer in the 'Answer' textbox./n/nNote: Make sure the 'openai.php' file is in the same directory as the 'index.php' file for the code to work correctly./n/nFurther Improvements:/n/n* You can style the website using CSS to make it more visually appealing./n* Add more features like a chat history, different AI models, or a user account system./n/nEnjoy building your own ChatGPT website! Let me know if you have any questions. /n
原文地址: https://www.cveoy.top/t/topic/lBgN 著作权归作者所有。请勿转载和采集!