跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
PHPAI大前端

30 行 PHP 调用硅基流动 API 实现网页客服系统

使用 30 行 PHP 代码结合硅基流动 API 快速构建网页智能客服系统。通过极简架构设计,无需数据库和框架,直接调用 Chat Completion API 实现流式响应。包含后端 PHP 接口处理、前端聊天界面实现、部署优化及扩展方向建议,适合个人开发者零成本验证创意。

菩提发布于 2026/2/20更新于 2026/6/124 浏览
30 行 PHP 调用硅基流动 API 实现网页客服系统

30 行 PHP 调用硅基流动 API 实现网页客服系统

一、硅基流动平台准备

访问 https://cloud.siliconflow.cn 完成注册,实名认证后,点击左侧菜单"API 密钥"创建专属 Key,这是后续调用的唯一凭证。

在"模型广场"中选择适合客服场景的模型。经实测,以下模型性价比突出:

  • DeepSeek-V3:响应速度快,通用问答能力强
  • Qwen/Qwen2.5-7B-Instruct:中文优化好,适合电商场景
  • Pro/deepseek-ai/DeepSeek-R1:复杂问题推理能力优秀

二、极简架构设计

摒弃传统 MVC 架构,采用"单文件 PHP+ 静态 HTML"的极端简洁模式:

  • 后端:30 行 PHP 负责接收请求、调用硅基流动 API、返回流式响应
  • 前端:原生 HTML+JavaScript 实现聊天界面和流式输出
  • 通信:AJAX POST 请求,EventSource 接收流式数据

这种设计不仅部署方便(丢到任意 PHP 空间即可运行),更避免了框架依赖和性能开销。

三、核心 PHP 代码实现

<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

$apiKey = 'sk-your-key-here'; // 从硅基流动控制台获取
$model = 'deepseek-ai/DeepSeek-V3'; // 根据需求调整
$message = $_POST['msg'] ?? '';
$history = $_POST['history'] ?? '[]';

$ch = curl_init('https://api.siliconflow.cn/v1/chat/completions');
curl_setopt_array($ch, [
    CURLOPT_POST => true,
    CURLOPT_RETURNTRANSFER => false,
    CURLOPT_WRITEFUNCTION => function($ch, $data) {
        echo "data: " . base64_encode($data) . "\n\n";
        ob_flush();
        flush();
        return strlen($data);
    },
    CURLOPT_HTTPHEADER => [
        'Authorization: Bearer ' . $apiKey,
        'Content-Type: application/json'
    ],
    CURLOPT_POSTFIELDS => json_encode([
        'model' => $model,
        'messages' => array_merge(json_decode($history, true), [
            ['role' => 'user', 'content' => $message]
        ]),
        'stream' => true,
        'max_tokens' => 2048,
        'temperature' => 0.7
    ])
]);
curl_exec($ch);
curl_close($ch);
?>

代码要点解析:

  • 设置 text/event-stream 头实现 SSE 流式传输
  • CURLOPT_WRITEFUNCTION 实时转发 API 响应,避免内存积压
  • base64_encode 处理中文编码问题,确保传输稳定
  • history 参数实现多轮对话上下文记忆

四、前端界面实现

<!DOCTYPE html>
<html>
<head>
<title>智能客服</title>
<meta charset="utf-8">
<style>
body { margin: 0; background: #1a1a1a; color: #fff; font-family: monospace; }
#chat { height: 90vh; overflow-y: auto; padding: 20px; }
.msg { margin: 10px 0; }
.user { text-align: right; color: #4af; }
.bot { color: #0f0; }
#input { position: fixed; bottom: 0; width: 100%; padding: 10px; background: #333; }
#msgInput { width: 80%; padding: 8px; background: #222; color: #fff; border: none; }
button { padding: 8px 20px; background: #4af; color: #fff; border: none; cursor: pointer; }
</style>
</head>
<body>
<div id="chat"></div>
<div id="input">
<input type="text" id="msgInput" placeholder="输入问题...">
<button onclick="send()">发送</button>
</div>
<script>
let history = [];
function send() {
const input = document.getElementById('msgInput');
const msg = input.value.trim();
if (!msg) return;
appendMsg('user', msg);
input.value = '';
const source = new EventSource(`chat.php?action=stream`);
source.onmessage = e => {
const data = JSON.parse(atob(e.data));
if (data.choices?.[0].delta.content) {
appendMsg('bot', data.choices[0].delta.content, true);
}
};
}
function appendMsg(role, text, stream = false) {
const chat = document.getElementById('chat');
if (!stream || !chat.lastElementChild?.classList.contains('bot')) {
chat.innerHTML += `<div class="${role}">${text}</div>`;
} else {
chat.lastElementChild.textContent += text;
}
chat.scrollTop = chat.scrollHeight;
}
</script>
</body>
</html>

界面设计原则:

  • 暗色主题减少视觉疲劳
  • 流式输出模拟真人打字效果
  • 无依赖设计确保兼容性

五、部署与优化技巧

部署步骤:

  1. 将 chat.php 和 index.html 上传到支持 PHP 的服务器
  2. 修改 $apiKey 为你的实际密钥
  3. 访问 index.html 即可使用

性能优化:

  • 缓存高频问题:对"运费多少"、"如何退换货"等标准问题,直接在 PHP 中建立问答映射表,避免 API 调用
  • 批量处理:硅基流动 API 支持批量请求,可合并多个用户问题提升吞吐量
  • 降级策略:API 超时时返回预设话术,保障用户体验

成本控制:

  • 设置 max_tokens 限制避免 Token 浪费
  • 使用 temperature=0.7 平衡回答质量与消耗
  • 监控 Token 用量,硅基流动控制台提供实时统计

六、扩展方向

  1. 知识库增强:通过 RAG 技术接入产品文档,提升回答精准度
  2. 多轮对话优化:在 history 中实现摘要压缩,支持更长上下文
  3. 情绪识别:调用硅基流动的 Embedding API 识别用户情绪,自动转人工
  4. 数据统计:接入轻量级日志系统分析高频问题,指导业务优化

结语

30 行 PHP 代码实现的不仅是功能,更是一种"极致简约"的开发哲学。在 AI 时代,开发者应将精力集中在业务逻辑而非底层架构,让专业平台处理模型部署与优化。硅基流动完善的 API 生态和慷慨的免费额度,为个人开发者提供了前所未有的创新空间。

这套代码已在多个轻量级项目中验证,从个人博客答疑到小程序客服,均表现出稳定可靠。将其部署到你网站根目录,再配一个子域名(如 chat.yourdomain.com),即可对外提供专业服务。后续可逐步增加知识库、工单系统等模块,但核心逻辑永远保持这 30 行代码的简洁与高效。

记住:最好的代码不是最长的,而是最能解决问题的。当你的客服系统跑起来那一刻,你会深刻理解这句话的含义。

目录

  1. 30 行 PHP 调用硅基流动 API 实现网页客服系统
  2. 一、硅基流动平台准备
  3. 二、极简架构设计
  4. 三、核心 PHP 代码实现
  5. 四、前端界面实现
  6. 五、部署与优化技巧
  7. 六、扩展方向
  8. 结语
  • 💰 8折买阿里云服务器限时8折了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • ClawX:基于 Electron 的可视化 AI 智能体工具实践
  • Ubuntu 22.04 下 VMware Tools 文件复制粘贴与拖拽问题解决
  • 数据结构与算法:优先队列(priority_queue)
  • Windows 11 安装 Node.js 后 npm install 报错:禁止运行脚本的解决方案
  • Spring Data JPA 原理与实战:Repository 接口深度解析
  • Python 学习指南:基础语法与应用实践
  • 医学影像分类器:基于深度学习的肺结节检测
  • 英伟达打造机器人大脑:从 44 万小时人类视频中学会灵巧操作
  • GitHub Copilot AI 编程助手安装与使用指南
  • Spring WebFlux 深度实践指南
  • Unix/Linux 环境下统计词频:命令行工具与 Python 脚本方案
  • Stable Diffusion 人物三视图制作教程:三种主流实现方案详解
  • Python 入门指南:初学者友好的编程语言详解
  • 若依 (RuoYi) 低代码框架全面分析
  • Vue 项目接口封装:Axios 配置与拦截器实践
  • Stable Diffusion 3.5 FP8 量化优化与部署实战
  • LeetCode 48:旋转图像的原地算法解析与实现
  • Docker 部署 MySQL 8.0:从快速体验到生产环境配置
  • Python 系统文件操作与 HTML 网页基础入门
  • 逐际动力发布 LimX COSA 具身智能操作系统,实现机器人自主作业

相关免费在线工具

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • curl 转代码

    解析常见 curl 参数并生成 fetch、axios、PHP curl 或 Python requests 示例代码。 在线工具,curl 转代码在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online