React 配置化+Serverless 开发个人博客 完整版

shun

第1章 课程概览 试看1 节 | 12分钟
本章细致介绍了整门课程的设计思路及知识体系串联脉络，从 React 语法，前端复杂项目开发、面向 Schema 的代码设计、到服务端代码开发、三方鉴权系统集成、云原生及 Serverless 代码部署，希望帮助大家得到质变得提升！

第2章 配置化博客系统前台页面开发 试看10 节 | 106分钟
本章将带大家为后续项目开发打好环境基础。包含编辑器、Create React APP 脚手架等。不仅会借助 React Hook 语法，编写博客系统的前台展示页面组件，还会重点介绍工程目录设计、阿里云 OSS 文件存储、Webpack 多入口打包配置等相关内容。...

第3章 配置化博客系统后台页面开发13 节 | 133分钟
本章带大家使用 Antd 组件库集成 IconFont 搭建系统的后台管理页面，认识配置化编程的基本设计思想以及可扩展 Schema 的基本设计方案。实现层讲解了借助 Ref 层次拆解协议的设计方法，并通过 LocalStorage 对协议进行存储，方便前后台页面进行开发调试。...

第4章 配置化协议的编码实现8 节 | 108分钟
本章讲解了如何通过 Ref 逐级分解 Schema，并最终拼装协议的代码实现。通过巧妙的设计，快速便捷的实现三级协议的灵活生成及存取。同时讲解了数据重置功能的实现思路。通过协议中子节点拖拽排序的功能，衍生出对基于 Ref 设计存在不足的思考，从而讲解 Redux 在项目中使用的必要性。...

第5章 使用 Redux 升级协议存取方案 试看9 节 | 104分钟
基于 Ref 的设计虽然简单易用，但应对复杂 Schema 场景，存在明显短板。在本章我们将使用 Redux、Immer 对协议存取方案进行全面升级，解决掉前几章遗留的设计问题，完成后台页面协议存储部分的开发，并开始与前台页面进行功能调试。...

第6章 前后台页面协议调试串联14 节 | 200分钟
本章以 Localstorage 中存储的数据结构为标准，进行前后台两个页面的功能调试，实现 Banner 组件、 List 组件、Footer 组件 100% 基于配置展示，不开发代码即可灵活对页面数据进行变更。同时引入 React Router， 讲解了 Hook 语法下，前端路由的基础使用方式。...

第7章 基于 Midway FaaS 的 Serverless 服务端代码开发9 节 | 113分钟
本章讲解了使用 Midway FaaS 框架，搭建数据库环境、使用 TypeORM 进行数据库映射操作，开发服务端接口，通过接口存取协议的内容。过程中，实现了标准化的异常处理中间件、参数校验逻辑和接口数据结构。开发完成后，本章借助阿里云的 Function Computing，完成了对框架代码的函数式部署，并绑定域名可以线上执行。...

第8章 前后端系统的接口联调及部署2 节 | 49分钟
本章讲解了如何使用 Webpack Dev Server 中的 Proxy 能力方便快捷的畸形本地前后端代码联调，以及在联调成功后，如何进行前后端系统的部署。在此过程中，我们不仅详细讲解了 Serverless FaaS 架构的核心优势和劣势，更解决了 PublicPath、接口调用跨域等问题，顺利完成了项目的发布上线。...

第9章 使用 BaaS 能力丰富 Serverless 项目功能6 节 | 79分钟
本章使用 Authing 提供的第三方 BaaS 鉴权能力，为项目增加了登录退出和存储管控的功能。通过实践讲解了为什么 Serverless = FaaS + BaaS，以及 BaaS 能力集成的典型流程。在此基础上，对工程中前后端代码中的请求类、自定义 Hook，通用函数进行了封装拆分，并最终发布完整版本的项目至线上环境。...

游客，如果您要查看本帖隐藏内容请回复

ryan666

啥也不说了，感谢楼主分享哇！

e2201lai

66666666666666666666

wjjnicholas

6666666666666666666666666666

zxhy

么有分，谁能送我点积分啊::>_<::

hys520

正需要，支持楼主大人了！

李才哥

正需要，支持楼主大人了！

ironman

啥也不说了，感谢楼主分享哇！

jimlaren

啥也不说了，感谢楼主分享哇！

DJW

啥也不说了，感谢楼主分享哇！