openai-translator

项目简介

OpenAI Translator 是一个使用 OpenAI GPT-3 模型来进行语言翻译的应用程序。这不仅仅是一个翻译工具，它更是一个现代化的网页应用程序 (PWA)，用户可以将其安装在手机或桌面设备上，方便随时使用。

支持的模型

OpenAI Translator 支持多个强大的模型来满足不同的翻译需求，包括：

• GPT-3.5 Turbo（ChatGPT 引擎）
• GPT-4
• GPT-4 Turbo
• GPT-4o

这些模型通过深度学习技术，提供高精度的翻译服务，使得语言翻译更加自然和流畅。

技术栈

OpenAI Translator 项目使用了多种先进的开发技术和工具：

• OpenAI API: 提供强大的语言模型支持。
• React 18: 用于构建用户界面的 JavaScript 库。
• Vite 4: 现代化的开发构建工具，提升开发效率。
• Tailwind CSS 3: 功能强大的 CSS 框架，用于快速构建响应式设计。
• DaisyUI 2: 提供美观而实用的 UI 组件。
• Axios: 用于 HTTP 请求的库。
• React Router 6: 管理应用路由，实现单页面应用。
• React Query 4: 用于数据获取和状态管理。
• PWA: 让应用可以像本地应用一样使用和安装。
• Cloudflare Pages: 云计算平台，用于部署应用和加速网页内容。

本地开发指南

1. 安装 pnpm

确保在您的计算机上安装了 pnpm。如果还没有安装，可以访问 pnpm 的官方网站进行安装。

2. 下载项目依赖

进入项目根目录，运行以下命令以下载依赖项：

pnpm install

3. 启动本地服务器

使用以下命令启动本地开发服务器：

pnpm dev

Vite 应该会自动在浏览器中打开该应用。

项目构建

Docker 构建

1. 运行 docker build

在命令行界面进入项目根目录，运行以下命令构建 Docker 镜像：

docker build -t openai-translator-web .

2. 启动容器

运行以下命令启动容器并将端口映射到本机：

docker run -p 3000:80 openai-translator-web

在浏览器中输入 http://localhost:3000/ 即可访问应用。

本地构建

1. 安装 pnpm

确保在您的计算机上安装了 pnpm，否则可以访问其官方网站进行安装。

2. 下载项目依赖

进入项目根目录，运行以下命令以下载项目依赖：

pnpm install

3. 构建项目

执行以下命令构建项目：

pnpm build

编译后的文件将放置在 dist 文件夹中。

4. 部署

可以将 dist 文件夹中的文件视为静态网站，并在服务器上进行部署。

致谢

该项目的灵感来源于 https://github.com/yetone/bob-plugin-openai-translator。如果您喜欢这个项目，请记得为它点赞加星，谢谢您的支持！