前后端分离计划

Front-end and Back-end Separation

slides.newfuture.cc/front-end-and-back-end-separation/
@New Future

目录

  • 前后端分离好处
  • 前后端分离目标
  • 分离计划

好处

  • 提高开发效率(并行,调试,demo)
  • 减轻后端压力
  • 前后端更专注
  • 方便测试和运维
  • 提升用户体验(速度,错误处理)

目标

  • 前后端代码(仓库)分离
  • 前后端分开部署
  • 统一规范和数据格式
  • 前后端基础框架和共用库
  • 日志,调试,测试等完善流程和工具

计划

  1. 第一阶段 过渡阶段
  2. 第二阶段 基础构建
  3. 第三阶段 完善

一、过渡阶段

基于一个或两个现有项目改造尝试前后分离

  • 形成一套适合DragonGate使用的流程和规范基础
  • 尽量暴露存在的问题
  • 重点:
    • 数据交换格式和状态协议
    • 后端用户信息认证流程
    • 前端发布部署流程

改造工作

  1. OAuth (API)
  2. 仓库分离,
  3. 前端资源独立发布
  4. 统一数据交换格式

候选项目

  • 邮件-赵璟 (认证和分离)
  • 同事圈-娜娜 (数据格式和协议)

二、基础构建

基于过渡阶段的经验和问题为新APP提供支持

  • 确定协议和流程发布规范文档
  • 设计库的功能和使用方式
  • 实现基础库
  • 完善发布部署流程

后端工作

  • 完善稳定的OAuth 登录接口
  • 新版BaseController (规范数据)
  • 用户信息认证库(OAuth 消费方)
  • 使用规范

安全性,易用性,和扩展性

前端工作

  • 编码规范
  • HTTP Request
  • 小程序Request
  • 前端发布自动化

三、完善

在新项目开发和已有基础库的使用中迭代

  • 完善跟新已有内容
  • 丰富其他库
  • 完善效率工具和测试

提高开发效率,并完善自动化测试和部署

公共库

  • 特定接口库
  • 常用功能插件
  • UI库

工具

  • 自动build工具
  • 调试工具
  • 假数据和测试

Overview

阶段APP内容时间
过渡邮件完成分离流程2周 (6月之前)
基础OAuth + 新协议和基础库2~4周
完善新APP迭代更新长期

THE END

THANKS

前后端分离计划

CODE: https://github.com/NewFuture/slides
LINK: https://slides.newfuture.cc/front-end-and-back-end-separation/