🚀 Laravel ChatGPT 간단 설치 가이드

웹 애플리케이션

작성자

shop2world

작성일

2025-04-14 08:45

조회

🚀 Laravel ChatGPT 간단 설치 가이드

이 가이드는 Plesk Laravel Toolkit을 사용하는 SWS 웹호스팅 고객을 위한 설치 안내서입니다.
초보자도 빠르게 따라할 수 있도록 단계를 하나하나 설명드릴게요! 😎

1️⃣ Laravel 설치

Plesk 관리자 페이지 접속
좌측 메뉴에서 Laravel Toolkit 선택
Install Application 클릭
Install Skeleton 선택
설치할 도메인 선택 후 설치 진행

2️⃣ OpenAI 패키지 설치

Laravel Toolkit의 Composer 섹션에서 아래 명령어를 실행하세요.
💡 명령어 입력 위치는 "Composer" 탭입니다!

composer require openai-php/client openai-php/laravel

3️⃣ 필요한 파일 생성

아래 3개의 파일을 생성하고 각각의 코드를 붙여 넣어 주세요. ✍️

📁 파일 1: `routes/web.php`

<?php



use Illuminate\Support\Facades\Route;

use App\Http\Controllers\ChatController;



Route::get('/', [ChatController::class, 'index']);

Route::post('/chat', [ChatController::class, 'ask'])->name('chat.ask');

📁 파일 2: `app/Http/Controllers/ChatController.php`

<?php



namespace App\Http\Controllers;



use Illuminate\Http\Request;

use OpenAI\Laravel\Facades\OpenAI;



class ChatController extends Controller

{

    public function index()

    {

        return view('chat');

    }



    public function ask(Request $request)

    {

        $response = OpenAI::chat()->create([

            'model' => 'gpt-3.5-turbo',

            'messages' => [

                ['role' => 'user', 'content' => $request->message],

            ],

        ]);



        return response()->json([

            'message' => $response->choices[0]->message->content,

        ]);

    }

}

📁 파일 3: `resources/views/chat.blade.php`

<!DOCTYPE html>

<html>

<head>

    <title>ChatGPT Demo</title>

    <meta name="csrf-token" content="{{ csrf_token() }}">

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <style>

        .chat-container { max-width: 800px; margin: 50px auto; padding: 20px; }

        .chat-box { height: 400px; border: 1px solid #ccc; overflow-y: auto; padding: 20px; margin-bottom: 20px; }

        .message { margin-bottom: 10px; padding: 10px; border-radius: 5px; }

        .user-message { background-color: #e3f2fd; margin-left: 20%; }

        .bot-message { background-color: #f5f5f5; margin-right: 20%; }

    </style>

</head>

<body>

    <div class="chat-container">

        <div class="chat-box" id="chatBox"></div>

        <div class="input-group">

            <input type="text" id="messageInput" placeholder="메시지를 입력하세요...">

            <button onclick="sendMessage()">전송</button>

        </div>

    </div>



    <script>

        $.ajaxSetup({

            headers: {

                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

            }

        });



        function sendMessage() {

            const message = $('#messageInput').val();

            if (!message) return;

            $('#chatBox').append(`<div class="message user-message">${message}</div>`);

            $('#messageInput').val('');



            $.ajax({

                url: '/chat',

                method: 'POST',

                data: { message: message },

                success: function(response) {

                    $('#chatBox').append(`<div class="message bot-message">${response.message}</div>`);

                    $('#chatBox').scrollTop($('#chatBox')[0].scrollHeight);

                },

                error: function(xhr) {

                    $('#chatBox').append(`<div class="message bot-message">❗ 오류가 발생했습니다</div>`);

                }

            });

        }



        $('#messageInput').keypress(function(e) {

            if (e.which == 13) sendMessage();

        });

    </script>

</body>

</html>

🔑 4. OpenAI API 키 설정

.env 파일에 다음 줄을 추가하세요:

OPENAI_API_KEY=your-api-key-here

🔒 주의사항: 반드시 유효한 OpenAI API 키를 사용해야 정상 작동합니다!

🎉 설치 완료!

이제 브라우저에서 해당 도메인을 열면
ChatGPT와 실시간으로 대화할 수 있는 챗봇 페이지가 나타납니다! 🧠💬

« 풀스택 앱을 간단하게 만드는 초 강력 PHP Plesk 라라벨(Laravel) Tool Kit 설명서

목록보기

✈️ 쇼핑으로 세계를 보는 shop2world

🚀 Laravel ChatGPT 간단 설치 가이드

🚀 Laravel ChatGPT 간단 설치 가이드

1️⃣ Laravel 설치

2️⃣ OpenAI 패키지 설치

3️⃣ 필요한 파일 생성

📁 파일 1: routes/web.php

📁 파일 2: app/Http/Controllers/ChatController.php

📁 파일 3: resources/views/chat.blade.php

🔑 4. OpenAI API 키 설정

🎉 설치 완료!

📁 파일 1: `routes/web.php`

📁 파일 2: `app/Http/Controllers/ChatController.php`

📁 파일 3: `resources/views/chat.blade.php`