由于我也是一边进行开发,一边进行总结输出,无法预料到所有的细节,所以该大纲未完成的内容都将属于「动态更新」的状态,状态标识符如下:

  • 🟢 - 已完成
  • 🟡 - 进行中
  • ⚪ - 未完成

第一部分 简单版本

  1. 🟢 「简单版本」产品规划
    • 功能介绍
    • 流程梳理
    • 原型绘制
    • ⏳ 操作:梳理需求和核心功能,完成操作流程并绘制原型
  2. 🟢 Hello, Miniprogram!
    • 背景知识
    • 准备工作
    • 首页开发
    • ⏳ 操作:创建小程序开发项目并完成目标小程序的首页开发
  3. 🟢 实现基本页面
    • 标签 & 组件
    • CSS & WXSS
    • 页面实现
    • ⏳ 操作:完整实现简单版本小程序的所有页面
  4. 🟢 让页面动起来
    • 组件样式的优化和整合
    • 作为模板的 WXML
    • 初步实现头像选择功能
    • ⏳ 操作: 优化上一节中的页面结构和代码,完成头像选择功能
  5. 🟢 新鲜出炉的头像
    • 完善头像选择功能
    • 贴图选择与预览
    • 头像合成与输出
    • ⏳ 操作:完整实现简单版本小程序的所有功能
  6. 🟢 发布上线
    • 代码整理与优化
    • 小程序发布流程
    • 回顾及展望
    • ⏳ 操作:根据自己的需求对小程序进行优化,并将它发布上线

第二部分 自定义版本

  1. 🟡 「自定义版本」产品规划
    • 功能介绍
    • 流程梳理
    • 原型绘制
    • ⏳ 操作:梳理需求和核心功能,完成操作流程并绘制原型
  2. 🟡 云开发基础
    • 云开发概念
    • 云开发优势:环境、鉴权……
    • 云函数、云存储、云数据库介绍
    • 云开发项目配置
    • ⏳ 操作:开通云开发并创建一个环境
  3. ⚪ 基本功能上云
    • 头像样式图片存储:小程序云存储、腾讯云数据万象
    • 云函数创建与部署:使用云函数实现头像渲染合成
    • 小程序端调用云函数
    • ⏳ 操作:将基本功能使用云开发实现
  4. ⚪ 拓展功能——自定义样式(小程序调用实现)
    • 云存储:自定义样式上传至云存储
    • 云数据库:记录用户自定义样式信息,包括云存储 ID、样式分组、使用次数等
    • 小程序端:用户自定义样式界面 + 按时间、按频次排序功能
    • ⏳ 操作:基于小程序端 + 云存储 + 云数据库实现自定义样式功能
  5. ⚪ 拓展功能——自定义样式(云函数实现)
    • 云函数:操作云存储和云数据库
    • 云函数本地调试技巧
    • ⏳ 操作:自定义样式功能全量云函数实现

第三部分 社交化版本

  1. ⚪ 拓展功能——样式分享(基础实现)
    • 创建分享海报
    • 小程序启动场景识别及参数获取
    • 小程序样式分组展示:自定义、来自分享
    • ⏳ 操作:实现样式分享功能
  2. ⚪ 拓展功能——样式分享(实现优化)
    • 缓存分享海报
    • ⏳ 操作(可选):优化样式分享功能
  3. ⚪ 阶段总结
    • 云开发回顾
    • 代码整理与优化
    • 高阶功能展望

第四部分 上线

  1. ⚪ 小程序上线
    • 开发版、体验版、正式版
    • 小程序后台功能介绍
    • 小程序资质攻略
    • ⏳ 操作:发布你的小程序

第五部分

  1. ⏳ 操作:实现一个自定义组件,支持多种图片选择方案,支持配置
  2. 待筹备……

by-nc-sa-4.0.png
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.