Files
one-api-workers/frontend
Jeff Gu a7c65b9476 feat(i18n): 添加多语言支持,优化用户界面文本
在此提交中,我们引入了多语言支持,允许用户根据其语言偏好查看界面文本。新增了国际化库(i18next)并在多个组件中实现了翻译功能,确保错误消息和界面文本能够根据用户的语言设置动态变化。这一改动旨在提升用户体验,使得应用能够服务更广泛的用户群体,增强可访问性和友好性。同时,更新了相关文档以指导开发者如何使用新的国际化功能。
2026-04-15 09:31:29 +08:00
..
2026-04-12 14:44:11 +08:00

One API on Workers Frontend

Modern React + Vite + TypeScript frontend for One API on Workers management platform.

Features

  • Modern React 19 with TypeScript
  • Vite for fast development and building
  • Tailwind CSS for styling
  • shadcn/ui components
  • TanStack Query for data fetching
  • Zustand for state management
  • React Router for routing
  • Full CRUD operations for channels, tokens, and pricing
  • Dark mode support

Development

# From the repo root, install both backend and frontend dependencies
bun install

# Start frontend + worker together from the repo root
bun run dev

# Open the app through the Worker entry
# http://127.0.0.1:8788

# Or start only the frontend from ./frontend
cd frontend

# Start only the frontend development server
bun run dev

# Build for production
bun run build

Project Structure

src/
├── api/              # API client
├── components/       # React components
│   ├── layout/       # Layout components
│   └── ui/           # UI components (shadcn/ui)
├── lib/              # Utility functions
├── pages/            # Page components
├── store/            # Zustand stores
├── types/            # TypeScript types
├── App.tsx           # Main app component
├── main.tsx          # Entry point
└── index.css         # Global styles

Environment Variables

Root bun run dev uses Worker-first local development. The browser should access the Worker URL, while the Worker proxies frontend requests to the Vite dev server via repo-root wrangler.local.jsonc.

No Vite server.proxy is required in this mode. You still need the Vite dev server running, because the Worker proxies page/module/HMR requests to it instead of serving built assets.

If you open http://127.0.0.1:5173 directly, set VITE_API_BASE_URL=http://127.0.0.1:8788 yourself.

Features

  • Dashboard: Overview and quick start guide
  • API Test: Test API endpoints with custom requests
  • Channels: Manage OpenAI, Azure OpenAI, and Claude channels
  • Tokens: Create and manage API tokens with quota limits
  • Pricing: Configure model pricing multipliers

Building

bun run build

The built files will be emitted to ../public.