跳转到主内容

NextJS 前端

此前端项目旨在提升 GPT Researcher 的用户体验，为自动化研究提供一个直观高效的界面。它提供两种部署选项，以适应不同的需求和环境。

演示​

在此处查看详细的产品教程：GPT-Researcher 前端教程

NextJS 前端应用​

React 应用（位于 frontend 目录中）是我们的前端 2.0 版本，我们希望它能像后端一样，在前端展现出其强大的功能。

它附带了许多新增功能，例如：

  • 一个拖放式用户界面，用于上传和删除文件，供 GPTResearcher 用作本地文档。
  • 一个用于设置 GPTR 环境变量的图形用户界面（GUI）。
  • 能够通过后端模块或 Langgraph Cloud Host（目前处于封闭测试阶段）触发 multi_agents（多代理）流程。
  • 稳定性修复
  • 以及更多功能即将推出！

使用 Docker 运行 NextJS React 应用​

第一步 - 安装 Docker

第二步 - 克隆 '.env.example' 文件，将您的 API 密钥添加到克隆的文件中，并将文件另存为 '.env'

第三步 - 在 docker-compose 文件中，注释掉您不想用 Docker 运行的服务。

docker compose up --build

如果这不起作用，请尝试不带破折号运行

docker compose up --build

第四步 - 默认情况下，如果您没有取消注释 docker-compose 文件中的任何内容，此流程将启动 2 个进程

  • 运行在 localhost:8000 上的 Python 服务器
  • 运行在 localhost:3000 上的 React 应用

在任何浏览器中访问 localhost:3000，享受研究的乐趣！

如果由于某种原因，您不想在 localhost:8000 上运行 GPTR API 服务器，没问题！您可以在您的 .env 文件中将 NEXT_PUBLIC_GPTR_API_URL 环境变量设置为您的 GPTR API 服务器的 URL。

例如

NEXT_PUBLIC_GPTR_API_URL=https://app.gptr.dev

或

NEXT_PUBLIC_GPTR_API_URL=https://:7000

通过 CLI 运行 NextJS 前端​

一个功能更强、性能更优的更稳健的解决方案。

先决条件​

  • Node.js（推荐 v18.17.0）
  • npm

设置与运行​

  1. 导航到 NextJS 目录

    cd nextjs

  2. 设置 Node.js

    nvm install 18.17.0
    nvm use v18.17.0

  3. 安装依赖项

    npm install --legacy-peer-deps

  4. 启动开发服务器

    npm run dev

  5. 通过 https://:3000 访问

注意：需要后端服务器在 localhost:8000 上运行，详情见选项 1。

添加 Google Analytics​

要将 Google Analytics 添加到您的 NextJS 前端，只需将以下内容添加到您的 .env 文件中

NEXT_PUBLIC_GA_MEASUREMENT_ID="G-G2YVXKHJNZ"