Files
wzdj/new/wz-app

wz-app玩值移动端 · Vite + React

不叫「微信小程序」:本仓库中「小程序/微信原生」指 Soul 目录 miniprogram/。本目录是 玩值用户侧移动端H5 等) 的唯一新功能交付,智能体角色为 玩值移动端工程师

不要用 HBuilderX 的「uni-app / 运行到浏览器」编译本目录

  • 本工程是 Vite + Reactnpm run dev不是 DCloud uni-app 工程。
  • 没有、也不需要 根目录 pages.json / manifest.jsonuni 专用)。若在 HBuilderX 控制台看到 项目下缺少pages.json文件 / 编译失败,请关闭该 uni 工作区,改为在本目录用 Cursor / VS Codenpm run dev
  • 若控制台报 Failed to load url /main.js:部分 uni Web 会固定请求根路径 main.js;本工程入口为 /src/main.tsx,已用 public/main.js 转发。仍异常时不要用 HBuilderX 内置 Web 运行,用 npm run dev 打开终端里的本地地址。
  • 更完整的 IDE 说明见同目录 HBuilderX-非uni项目说明.md

本地开发(必读,避免登录 /api 502

  1. 先启动后端 new/wz-api(需 DB_DSN 等;PORTnew/wz-api/.env.development,与生产一致默认 4040)。可访问 http://127.0.0.1:4040/health 确认存活。

  2. 本目录执行 npm installnpm run devVite 默认 5173

  3. .env.developmentVITE_API_BASE_URL / VITE_WZ_API_BASE 请留空(或不写),让浏览器走同源 /api → Vite 代理;若填成线上 https://wzapi...,登录/注册会打到远端而非本机 wz-api。

  4. 前端请求 /api/... 由 Vite 代理到 WZ_API_PROXY_TARGET必须与 wz-api 的 PORT 一致;与仓库默认对齐为 4040)。

  5. 手机/局域网访问 dev使用 npm run dev(已配置 --host 时见 package.json),用电脑 IP + :5173(或终端里给出的端口如 5174)打开;此时 /api 仍由运行 Vite 的电脑本机代理到 127.0.0.1:PORT(若手机需直连 wz-api可设 VITE_API_BASE_URL=http://电脑IP:PORT 并保证 wz-api 监听 0.0.0.0、防火墙放行 同一 PORT)。

  6. GET /api/app/mall/point-cards 在浏览器里 404:先绕过 Vite访问后端根地址(端口与 wz-api 的 PORT 一致,默认 4040http://127.0.0.1:4040/api/app/mall/point-cards

    • 若该直连仍是 404,而 GET /api/app/streamers 为 200,说明当前正在跑的 wz-api 可执行文件过旧、未编进点卡路由,与仓库 new/wz-api 不一致;请在 new/wz-api 执行 go build -o 你的路径/wz-api.exe ./cmd/servergo run ./cmd/server停掉旧进程后用新构建重启。
    • 若直连为 502/连不上 而前端 404多为未启动 wz-api 或 WZ_API_PROXY_TARGET 与 wz-api PORT 不一致(见上第 1、4 步)。

与请求封装、错误提示:src/lib/request.tssrc/lib/config.ts


曾用说明(历史 uni-app 等)

仓库曾另有 uni-app 实现;当前本目录为 React 主线时以上开发步骤为准。考古与其它边界见:

与主线代码的关系

说明
new/wz-api 玩值 Go 后端C 端 /api/app/*
new/wz-app/(本目录) 玩值移动端唯一新功能交付Vite + React
old/app/ Next 历史 C 端,仅对照 是否漏页/漏接口,不在此扩新功能

技术栈

React 19、Vite、TypeScript、Tailwind、react-router、Radix 等,见 package.json