技术方案

技术架构

SPA（单页面应用）

特性及优劣

• 前端做页面路由跳转

• 开发难度较小

• 方便使用 CDN 进行流量分发

• 不利于 SEO 优化（所有内容由 JS 生成）

• 流行框架 Vue.js / React.js

SSR（服务端渲染）

特性及优劣

• 服务端做页面路由跳转

• 开发难度大（客户端组件与服务端组件的交互）

• 需要额外的服务器承载页面渲染

• SEO 优化友好（可针对任意路径分别配置）

• 流行框架 Next.js（React.js）/ Nuxt（Vue.js）

工时对比预估

经典功能开发（登陆）

颜色标识：蓝色为前端（或客户端组件）、绿色为服务端（或服务端组件）

前后端（C/S）通信时序图

路径规划

预留应用页面命名空间（edimaker.ai/app）

• edimaker.ai/app/home 应用主页（*）

• edimaker.ai/app/dashboard 应用个人中心（*）

• edimaker.ai/app/text2video 文生视频

• edimaker.ai/app/image2video 图生视频

• edimaker.ai/app/history 生成历史（My Creations）

多语言路径（无前缀默认英语）

• edimaker.ai/app/history

• edimaker.ai/app/jp/history

待办

初始版本（V1.0）

目标：速度优先

• 路径与存储规划（域名 & OSS）

• VE 端用户账号体系建设（用户鉴权与功能扩展）

• 初始版本部署方案（SSR、负载均衡、服务配置管理）

• 前后端功能开发

• 数据埋点（GA）

• 多语言适配

后续迭代

目标：功能扩展

• 前端错误上报

• 低版浏览器兼容

• 动态配置（存储、页面布局、广告营销）

• 灰度机制