OpenAI 翻译器

一个使用 OpenAI GPT-3 进行语言翻译的应用程序。这是一个可以安装在您的手机或桌面上的 PWA。

https://translator.lance.moe/

支持 ChatGPT 引擎（GPT 3.5）。

## 技术栈

• OpenAI API
• React 18
• Vite 4
• Tailwind CSS 3
• DaisyUI 2
• Axios
• React Router 6
• React Query 4
• PWA
• Cloudflare Pages

我认为这个项目将帮助你学习这些技术。

如果你喜欢这个项目，请不要忘记给这个项目一个星标，谢谢。

本地开发

1. 安装 pnpm

确保你的计算机上已经安装了 pnpm。如果尚未安装，你可以通过以下链接安装它：

https://pnpm.io/installation

2. 下载项目依赖

导航到项目的根目录并运行以下命令以下载项目依赖：

pnpm install

3. 启动本地服务器

运行以下命令以启动本地开发服务器：

pnpm dev

4. 打开应用程序

Vite 应该会自动打开你的浏览器。

构建项目

Docker 构建

1. 运行 docker 构建

在命令行界面中导航到项目的根目录并运行以下命令以构建 Docker 镜像：

docker build -t openai-translator-web .

这里 openai-translator-web 是你想要给镜像命名的名称，末尾的 . 表示当前目录。

2. 启动容器

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

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

这里 3000 表示你想要映射到容器的 80 端口的本地端口。你可以将其更改为你喜欢的任何其他端口。

3. 打开应用程序

在你的浏览器中，输入以下 URL 以访问应用程序：

http://localhost:3000/

本地构建

1. 安装 pnpm

确保你的计算机上已经安装了 pnpm。如果尚未安装，你可以通过以下链接安装它：

https://pnpm.io/installation

2. 下载项目依赖

导航到项目的根目录并运行以下命令以下载项目依赖：

pnpm install

3. 构建

运行以下命令以构建你的项目：

pnpm build

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

4. 部署

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

致谢

• 灵感来源于 https://github.com/yetone/bob-plugin-openai-translator

服务器docker一键部署

1. 下载zip

下载zip后放置在服务器上

2. 调整setup.sh目录

单独将setup.sh放置到zip同层级目录下

3. 为避免在windows上调整setup.sh后无法在linux上执行，需要执行以下命令（非必须）

sed -i -e 's/\r$//' setup.sh

4. 授权执行

chmod +x setup.sh

5. 执行脚本

./setup.sh