xenice-chat 基于UniApp+WordPress的AI聊天APP

xenice-chat 基于UniApp+WordPress的AI聊天APP

随着人工智能技术的飞速发展,大语言模型如 ChatGPT 已成为开发者构建智能对话系统的首选工具。本文将详细介绍如何使用开源项目 xenice-chat 快速搭建一个支持上下文记忆、用户权限控制和后台管理的 ChatGPT 微信小程序。

演示地址


一、项目简介

xenice-chat 是一个基于 UniApp 前端框架与 WordPress 后端架构开发的微信小程序模板,通过调用 OpenAI 官方 API,实现具备上下文理解能力的智能聊天功能。

核心特性:

  • ✅ 支持多轮连续对话(上下文记忆)
  • ✅ 用户级对话次数限制(全局或单独设置)
  • ✅ 后台可视化配置 OpenAI API Key
  • ✅ 集成 JWT 身份验证,保障接口安全
  • ✅ 前后端完全分离,便于部署与维护

二、技术栈说明

层级技术
前端UniApp(Vue 2)、uView UI 组件库
后端WordPress(PHP)+ REST API
AI 模型默认GPT-3.5 Turbo,在后台可切换其它模型
身份认证JWT(通过 xenice-auth 插件)

三、部署步骤

1. 后端插件安装(WordPress)

在你的 WordPress 网站中安装以下两个必备插件:

  1. xenice-auth
    → 提供 JWT 登录与用户身份验证机制。
  2. xenice-chat
    → 提供 ChatGPT 对话管理、API Key 设置、用户对话次数控制等功能。

安装并启用插件后,进入 WordPress 后台 【设置】→【聊天】,即可看到完整的聊天配置页面,包括:

  • OpenAI API Key
  • 默认对话次数限制
  • 客服联系方式
  • 是否启用上下文记忆等

2. 前端项目配置(UniApp)

步骤一:获取源码

前往Github下载

或从 HBuilderX 插件市场导入。

步骤二:修改 API 地址

打开以下两个文件,将默认域名替换为你自己的 WordPress 站点地址:

编辑APP.VUE文件:

globalData: {
    server: 'https://www.xenice.com/', // 改为自己的
 },

编辑router.js文件

const getSettings= ()=>{
	let base = 'https://www.xenice.com/wp-json/chat/v1/'; // 改为自己的
	return http.get(base+'settings', {});
}

⚠️ 注意:确保你的 WordPress 站点已启用 HTTPS,并正确配置了 REST API 权限。

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注