百度360必应搜狗淘宝本站头条
分布式事务框架grpc框架shiro框架java日志框架框架图
当前位置：网站首页 > 技术文章 > 正文

如何在 Laravel 10 项目中集成 ChatGPT

ccwgpt 2025-04-27 12:48 27 浏览 0 评论

转载说明：原创不易，未经授权，谢绝任何形式的转载

本教程将解释如何在 Laravel 10 项目中使用 ChatGPT。我会尽量清晰简洁地说明

您将获得以下内容，示例如下：

设置

我假设您已经安装了 Laravel 10 框架，可以使用官方的方式进行安装：

https://laravel.com/docs/10.x

第一步：创建控制器

<?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'];
    }
}

步骤二：创建路由

<?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^2PTController::class, 'ask'])
    ->name('chatgpt.ask');

步骤三：创建布局

// 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>

步骤四：创建 Index 视图

// 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

结束

感谢阅读这个小教程，欢迎在留言区发表你的意见，项目源码地址：

https://github.com/Jerome-W-90/chatgpt-laravel

今天的分享就到这里，感谢你的阅读，希望能够帮助到你，文章创作不易，如果你喜欢我的分享，别忘了点赞转发，让更多有需要的人看到，最后别忘记关注「前端达人」，你的支持将是我分享最大的动力，后续我会持续输出更多内容，敬请期待。

原文：
https://dev.to/jeromew90/using-chatgpt-in-a-laravel-10-project-ng8

作者：Jér^ome W

非直接翻译，有自行改编和添加部分，翻译水平有限，难免有疏漏，欢迎指正

相关推荐

PPT 139 | 粉色渐变小清新春暖花开PPT模板

春暖花开，这是你制作PPT的世界粉色渐变小清新春暖花开PPT模板，共22P适用场合：工作总结/个人汇报/演讲培训等喜欢的可以赞一个更多类似PPT模板，搜【小清新】也可以，在线编辑，一键下载...

框架完整岗位竞聘报告PPT模板

需要源文件de可私！氢元素为您提供PPT模板、PNG元素免费、办公模板。工作述职汇报、计划总结、培训课件、节日庆典、营销策划、商业计划、宣传企业、产品发布、个人简历、毕业答辩、岗位竞聘、护理培训，...

PPT与视频相关的几个操作要点

都知道PPT中可以插入视频，而2010及以上版本插入后还可以对视频做各种处理，另外别忘了还可以直接将PPT导出成视频格式。插入视频方式往PPT中插入视频，除了【插入】|【视频】|【PC上的视频】这种方...

书写主题品管圈汇报PPT模板，主题框架，简约设计，品管圈必备

Hello大家好，我是帮帮。今天跟大家分享一张书写主题品管圈汇报PPT模板，主题框架，简约设计，品管圈必备。有个好消息！为了方便大家更快的掌握技巧，寻找捷径。请大家点击文章末尾的“了解更多”，在里面找...

【教学成果框架图】国家级获奖案例解析与可视化方案(实战版)

教学成果逻辑框架图的绘制精髓总结为“逻辑为骨，视觉为翼”。下面结合具体案例，手把手教你制作既专业又美观的成果框架图。一、设计理念：教育逻辑与视觉传达的融合教学成果框架图需体现三重逻辑：教育目标层（立德...

工作总结PPT模板完整框架 (30)

年中汇报PPT的超强框架来袭，职场人士的必备神器!

这套框架堪称完美，适用于各类工作汇报场景。它逻辑清晰，内容丰富，涵盖个人介绍、工作回顾、业绩成果、问题分析以及未来工作计划等常见汇报模块。PPT已包含600多页，所有元素均可自由编辑，数据图表也能轻松...

三个说话框架，提升逻辑思维，让你清晰表达

#暑期创作大赛#建立清晰的逻辑思维：三个说话框架的力量我们生活在一个充满语言交流的世界中。无论是在学校，工作场所，还是在社交场合，我们都需要有效地表达我们的观点和想法。然而，许多人都有表达上的困扰，他...

《石头记》人物原型故事之逻辑框架(一)

话说空空道人将《石头记》带往人世，又经东鲁孔梅溪醒题《风月宝鉴》，曹雪芹定名《金陵十二钗》，加之警幻仙子提醒防备新谱《红楼梦十二支曲》。蛮以为他人在闲适风月故事之于能够了然背后真实故事，怎耐一万年老怪...

如何搭建高效沟通与精彩演讲的逻辑结构

对于大多数人而言，说话有逻辑这件事难于登天。很多人在演讲、工作汇报中都会遇到诸如“我不知道你在说什么”、“你的重点是什么”、“你说话毫无逻辑”此类的评价，被认为是说话缺乏逻辑的人。那么如何成为一个说话...

「书讯」论证逻辑框架下说理写作模式研究

《论证逻辑框架下说理写作模式研究》作者：金建龙出版日期：2018年11月开本：16开出版社：经济管理出版社小编推荐提升大学生批判意识和理性说理能力是新时代背景下高等教育中通识教育和博雅教育的全新探索...

【一元脑花】青少年4D逻辑训练的基本框架

一、核心训练模块多维认知构建资源分布图谱：通过分析社会资源层级与流动规律，建立立体空间认知模型2DOC时空维度整合：将历史局势演变（纵向时间轴）与未来趋势预判（横向可能性轴）结合训练2DOC动态干预系...

提升写作逻辑，这5个框架你搭建好了吗?

每个人都有写作的愿望，也都想表达心中浩荡的情感，但多年过后，许多人依旧卡在“无话可说”“写不出结构”的怪圈里。有人慨叹：“浮云一别后，流水十年间”，梦想与现实总有一道沟壑横亘——此岸是满腹心事，彼岸...

2023年主观题法治思想知识框架图

...

学霸:2天吃透初一语文上学期核心预习知识框架图|暑假弯道超车

学霸：2天吃透初一语文上学期核心预习知识框架图|暑假弯道超车。具体如下：查看作者的个人主页获悉剩余的~...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表
赣ICP备2024040476号-14