手把手教你在Laravel10项目中使用ChatGPT

 2321

本篇文章给大家带来了关于Laravel的相关知识,其中主要介绍了怎么在Laravel10项目中使用ChatGPT?感兴趣的朋友,下面一起来看一下,希望对大家有帮助。


在 Laravel 10 项目中使用 ChatGPT!

你会得到什么


手把手教你在Laravel10项目中使用ChatGPT


我假设你已经使用官方文档安装了 Laravel 10 框架

第一步:创建控制器

  1. <?php
  2. namespace App\Http\Controllers;
  3. use Illuminate\Http\Request;
  4. use Illuminate\Support\Facades\Http;
  5. class ChatGPTController extends Controller
  6. {
  7.     public function index()
  8.     {
  9.         return view('chatgpt.index');
  10.     }
  11.     public function ask(Request $request)
  12.     {
  13.         $prompt = $request->input('prompt');
  14.         $response = $this->askToChatGPT($prompt);
  15.         return view('chatgpt.response', ['response' => $response]);
  16.     }
  17.     private function askToChatGPT($prompt) 
  18.     {
  19.         $response = Http::withoutVerifying()
  20.             ->withHeaders([
  21.                 'Authorization' => 'Bearer ' . env('CHATGPT_API_KEY'),
  22.                 'Content-Type' => 'application/json',
  23.             ])->post('https://api.openai.com/v1/engines/text-davinci-003/completions', [
  24.                 "prompt" => $prompt,
  25.                 "max_tokens" => 1000,
  26.                 "temperature" => 0.5
  27.             ]);
  28.         return $response->json()['choices'][0]['text'];
  29.     }
  30. }


第二步:创建路由

  1. <?php
  2. use App\Http\Controllers\ChatGPTController;
  3. use Illuminate\Support\Facades\Route;
  4. (...)
  5. Route::get('/chatgpt', [ChatGPTController::class, 'index'])
  6.     ->name('chatgpt.index');
  7. Route::post('/chatgpt/ask', [ChatG²PTController::class, 'ask'])
  8.     ->name('chatgpt.ask');


第三步:创建布局

  1. // layouts/app.blade.php
  2. <!DOCTYPE html>
  3. <html>
  4.     <head>
  5.         <meta charset="utf-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1">
  7.         <title>My ChatGPT App</title>
  8.         <!-- Styles -->
  9.         <link href="{{ asset('css/app.css') }}" rel="stylesheet">
  10.         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  11.     </head>
  12.     <body>
  13.         <div class="container mt-5">
  14.             @yield('content')
  15.         </div>
  16.     </body>
  17. </html>


第四步:创建 index 页面

  1. // chatgpt/index.blade.php
  2. @extends('layouts.app')
  3. @section('content')
  4.     <div class="container">
  5.         <div class="row justify-content-center">
  6.             <div class="col-md-8">
  7.                 <div class="card">
  8.                     <div class="card-header">Ask something to ChatGPT</div>
  9.                     <div class="card-body">
  10.                         <form method="POST" action="{{ route('chatgpt.ask') }}">
  11.                             @csrf
  12.                             <div class="form-group">
  13.                                 <input type="text" class="form-control text-center" name="prompt" placeholder="Ask something...">
  14.                             </div>
  15.                             <button type="submit" class="btn btn-primary">Send</button>
  16.                         </form>
  17.                     </div>
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </div>
  22. @endsection


第五步:创建 response 页面

  1. // chatgpt/response.blade.php
  2. @extends('layouts.app')
  3. @section('content')
  4.     <div class="container">
  5.         <div class="row justify-content-center">
  6.             <div class="col-md-8">
  7.                 <div class="card">
  8.                     <div class="card-header">ChatGPT answer</div>
  9.                     <div class="card-body">
  10.                         <p>{{ $response }}</p>
  11.                     </div>
  12.                 </div>
  13.             </div>
  14.         </div>
  15.     </div>
  16. @endsection


最后第六步:创建一个 .env 变量

  1. CHATGPT_API_KEY=YOUR_API_KEY


获取 ChatGPT API 密钥

要获取 API 密钥,您可以转到您的 openai 平台帐户中的 api-keys 部分并生成您的密钥


手把手教你在Laravel10项目中使用ChatGPT



TAG标签:
本文网址:https://www.zztuku.com/detail-13987.html
站长图库 - 手把手教你在Laravel10项目中使用ChatGPT
申明:本文转载于《learnku》,如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐