WeChat Moments Generator / 朋友圈文案生成器

Use AI (DashScope Qwen) to generate authentic WeChat Moments copy instantly. 利用 AI (通义千问) 一键生成符合朋友圈风格的文案。

Features / 功能特性

• User Page / 用户主页:

  • Simple input for name. / 仅需输入姓名。
  • One-click generation. / 一键生成。
  • Copy to clipboard. / 支持一键复制。
  • Dark mode support. / 支持暗色模式。
  • Mobile-first responsive design. / 移动端优先的响应式设计。

• Admin Dashboard / 管理后台:

  • Manage prompt templates. / 管理提示词模板。
  • Real-time preview. / 实时预览生成效果。
  • Simulated RBAC (Frontend only). / 模拟权限控制（仅前端）。

Tech Stack / 技术栈

• Frontend: React 18, TypeScript, Vite
• UI: Ant Design Mobile, Tailwind CSS
• State: Zustand (Persisted to LocalStorage)
• API: Axios (Direct call to DashScope API)
• DevOps: Docker, GitHub Actions

Setup / 快速开始

1. Clone the repository

   git clone https://github.com/your-username/wx-pyq.git
   cd wx-pyq
   

2. Install dependencies

   npm install
   

3. Configure Environment Variables Create a .env file in the root directory:

   VITE_API_KEY=your_dashscope_api_key_here
   

4. Start Development Server

   npm run dev
   

5. Build for Production

   npm run build
   

Admin Access / 管理员入口

• URL: /login or link from footer.
• Default Credentials:
  • Username: admin
  • Password: admin123

Docker Deployment / Docker 部署

docker build -t wx-pyq .
docker run -p 80:80 wx-pyq

Note / 注意事项

• This is a frontend-only demo. The API Key is exposed in the browser network requests. For production, please use a backend proxy.
• 本项目为纯前端演示。API Key 会暴露在浏览器请求中。生产环境请务必使用后端代理。

License

MIT