开镜 MINI PROGRAM

WECHAT MINI PROGRAM / USER CLIENT

用户端,
在微信里开拍。

开镜的原生小程序:注册、选热点、生成话术与分镜、带着拍摄通告去现场。不是把桌面后台缩小,而是按手机首屏和拇指区间重新做了一遍。

微信 小红书 抖音 快手
5自定义主 Tab
13小程序页面
123图标 · 2x PNG
711KB本地图像资产

这部手机是 H5 同构预览,桌面可交互,手机端为视觉预览;真实工程在 miniprogram/,用微信开发者工具导入。

NATIVE TABBAR / H5 同构预览

首页 · 创作 · 热点 · 作品 · 我的

小程序工程 v1.0

01 / INFORMATION ARCHITECTURE

五个入口,
一条从灵感到现场的路径。

原生 TabBar 只放最重要的五件事。方案详情、视频拆解、运行台、店铺档案和发布排期作为二级页面,保持单一路径。

01

首页

下一场拍摄、本周节奏、今日热点与最近作品。

HOME
02

创作

选热点或自定义选题,确认平台、时长与风格。

STUDIO
03

热点

按平台筛选、刷新、自定义;每个选题都能直接生成。

RADAR
04

作品

方案、拆解、话术统一留档,支持复制与删除。

LIBRARY
05

我的

店铺画像、引擎状态、数据导出与小程序说明。

PROFILE

02 / SCREEN CHECK

同构预览,
先看手感。

下面的截图来自同一套数据与视觉基线。真实小程序使用原生导航、原生 TabBar 与本地 2x 图像。

小程序首页预览
01 / HOME今天拍什么,一眼看到
小程序创作页预览
02 / STUDIO从热点到生成,拇指可达
小程序方案页预览
03 / PLAN带着通告去现场

H5 同构截图 · 390 × 844。正式小程序页面见 miniprogram/pages/。

03 / IMPORT & RUN

四步,
在微信开发者工具里跑起来。

小程序工程不依赖 npm,导入即可编译。原生已接微信登录与 DeepSeek;本地演示账号仍可用于 H5 预览。

看接口与配置
01
导入工程

微信开发者工具 → 导入项目 → 选择 miniprogram/ 目录。AppID 可先用测试号。

02
改 BASE_URL

打开 miniprogram/config.js,把地址改成电脑的局域网 IP;真机预览需要 HOST=0.0.0.0。

03
关闭域名校验

本地开发在详情 → 本地设置里勾选“不校验合法域名…”。正式发布必须 HTTPS 并配置 request 合法域名。

04
配置微信登录

服务端 .env 填 WX_APPID / WX_SECRET,小程序就会为每个微信用户建独立店铺与作品。

04 / SAME API, NATIVE SHELL

小程序,
不是另一套后端。

同一台 Node 服务同时服务小程序、H5 和桌面预览。小程序用 wx.request 拿 Bearer token,图片走本地 package。

POST/api/auth/wxcode → openid → 独立店铺
POST/api/plans/generate可中止 · 生成方案
POST/api/analyze链接 / 文案拆解
GET/api/bootstrap一次加载工作台
miniprogram/config.js
BASE_URL: "http://127.0.0.1:4318"
// 真机:http://192.168.x.x:4318
// 正式:https://api.yourdomain.com

WX_APPID=...
WX_SECRET=...
AI_API_KEY=...
AI_MODEL=deepseek-chat
真实 AI 已接入;本地演示仍可离线跑通流程

READY TO IMPORT

把工作台,
装进顾客的口袋。

小程序工程、后端、H5 预览和设计系统都在这个项目里。