برنامه نویسی

استفاده از ChatGPT در پروژه لاراول 10

chatgpt و laravel

این آموزش نحوه استفاده از ChatGPT را در پروژه لاراول 10 توضیح می دهد.

سعی میکنم واضح و مختصر باشم😃

آنچه به دست خواهید آورد

فرمی برای درخواست چیزی برای chatgpt

پاسخ chatgpt

برپایی

من فرض می کنم شما قبلاً فریم ورک لاراول 10 را با استفاده از اسناد رسمی نصب کرده اید

مرحله 1: ایجاد کنترلر

<?php
namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Http;

class ChatGPTController extends Controller
{
    public function index()
    {
        return view('chatgpt.index');
    }

    public function ask(Request $request)
    {
        $prompt = $request->input('prompt');
        $response = $this->askToChatGPT($prompt);

        return view('chatgpt.response', ['response' => $response]);
    }

    private function askToChatGPT($prompt) 
    {
        $response = Http::withoutVerifying()
            ->withHeaders([
                'Authorization' => 'Bearer ' . env('CHATGPT_API_KEY'),
                'Content-Type' => 'application/json',
            ])->post('https://api.openai.com/v1/engines/text-davinci-003/completions', [
                "prompt" => $prompt,
                "max_tokens" => 1000,
                "temperature" => 0.5
            ]);

        return $response->json()['choices'][0]['text'];
    }
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

مرحله 2: ایجاد مسیرها

<?php
use App\Http\Controllers\ChatGPTController;
use Illuminate\Support\Facades\Route;

(...)
Route::get('/chatgpt', [ChatGPTController::class, 'index'])
    ->name('chatgpt.index');
Route::post('/chatgpt/ask', [ChatG²PTController::class, 'ask'])
    ->name('chatgpt.ask');
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

مرحله 3: ایجاد طرح

// layouts/app.blade.php
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>My ChatGPT App</title>

        <!-- Styles -->
        <link href="{{ asset('css/app.css') }}" rel="stylesheet">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    </head>
    <body>
        <div class="container mt-5">
            @yield('content')
        </div>
    </body>
</html>
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

مرحله 4: نمای نمایه ایجاد کنید

// chatgpt/index.blade.php
@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Ask something to ChatGPT</div>

                    <div class="card-body">
                        <form method="POST" action="{{ route('chatgpt.ask') }}">
                            @csrf

                            <div class="form-group">
                                <input type="text" class="form-control text-center" name="prompt" placeholder="Ask something...">
                            </div>

                            <button type="submit" class="btn btn-primary">Send</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

مرحله 5: نمای پاسخ را ایجاد کنید

// chatgpt/response.blade.php
@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">ChatGPT answer</div>

                    <div class="card-body">
                        <p>{{ $response }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

مرحله آخر 6: یک متغیر .env ایجاد کنید

CHATGPT_API_KEY=YOUR_API_KEY
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

کلید ChatGPT API را دریافت کنید

برای دریافت کلید API، می توانید به بخش api-keys در حساب پلتفرم openai خود بروید و کلید خود را ایجاد کنید.

نحوه تولید کلید chatgpt api

کلام پایانی 💬

با تشکر از خواندن این آموزش کوچک، برای به اشتراک گذاشتن نظرات خود نظر خود را اضافه کنید! 😀☕

اگر می‌خواهید پروژه‌ای را که من برای این آموزش ایجاد کردم، انجام دهید، به مخزن بروید

اگر نمونه های بیشتری می خواهید، می توانید به بخش نمونه رسمی بروید: https://platform.openai.com/examples

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا