Midway Serverless 发布 2，蚂蚁金服 面经

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

首先，我们在纯函数开发的场景下，对 HTTP 场景的函数，包括（HTTP触发器，API 网关等）做了额外的增强支持。

▐  v2.0 升级 - 装饰器统一

v1.0 时期，我们将触发器的各个参数定义在 f.yml 中，虽然在云原生看来是标准的，但是实际在编写代码的时候，用户觉得非常繁琐，特别是加上我们的依赖注入容器中 @Func 装饰器和类的命名，函数名 + handler 名 + 类名 + 方法名用户需要命名多遍。

v2.0 版本开始，我们直接沿用应用的开发方式，使用原有的 @Controller 装饰器应用到 HTTP 函数的开发中。

同时，原有 f.yml 里的 functions 字段将不再需要填写，我们的发布工具会自动从代码中分析路由，注册函数。

除了 @Controller 装饰器，我们也支持传统应用的参数装饰器，比如 @Query ， @Body 等常用的从请求中获取参数的装饰器，也支持例如 SetHeader ， ContentType 等对响应操作的装饰器。

除了装饰器统一之外，我们将原有的 @midwayjs/faas 框架也接入到了新的 Framework 体系，现在 @midwayjs/faas 成为了函数 Framework，它也拥有和应用相同的 Application ， Context 定义。比如下面的 app 方法，和应用完全一致。

为了更好的支持函数式的写法，我们对入口的 configuration.ts 增加了函数式写法，这样在一体化等函数式场景也可以选择函数是写法来编写。

▐  v2.0 升级 - 工具链升级

从 midway v2.0 开始，我们使用 @midwayjs/cli 作为我们的基础 cli 工具，原有的函数 cli（@midwayjs/faas-cli）将逐步完成它的历史使命，也将统一到 @midwayjs/cli 中。

传统的 cli 是把所有的功能都组合成一个大包，放到一个 npm 包下，这样每个应用都要装一份，比较占用硬盘空间和资源。新版本我们做了一个按需加载能力，按照场景进行区分，比如函数和应用场景安装的 cli 工具就会不同。

这样的好处是，新版本的 cli 安装的包比较少，自然速度就快。同时，也能够自由的去组合其中的插件，将其更合理的应用到不同的场景中。

▐  v2.0 升级 - 单元测试

针对原有函数的单元测试的情况，我们也做了调整。

原来的 invoke 方法，虽然简单，但是很难跟创建应用的流程结合，每次 invoke 都是一次完整的初始化逻辑和调用，而且在 HTTP 的场景下，要填写的参数众多，难以模拟实际的效果。

新版本，我们沿用了应用的思路，既然能用应用模式启动，那自然也使用应用的开发方式，使用 supertest 来做测试，比原来简单和自然多了。

▐  v2.0 升级 - Web 模式

在 v1.0 时期，我们针对业界常用的 egg/koa/express，做了将应用代码无缝迁移到 Serverless 环境的功能，这三种框架都可以在 f.yml 中增加 deployType 的方式，通过构建自动化生成入口，支持传统应用上弹性容器的诉求。

之前也有用户问道，如果我代码不希望再跑在函数环境了怎么办？v2.0 的答案是，你可以将那些代码，通过应用的模式部署到自己的传统容器，或者 Docker。

部署的方式很简单，由于使用了 @midwayjs/serverless-app （上面测试提到过），和应用一样的编码模式，就可以启动一个 HTTP 应用了。

****v2.0 一体化能力增强

去年 6 月，我们向社区开放了一体化编码的方案，使用函数式编码，类 React Hooks 的编码方式，让前端开发的同学无比熟悉。

在 v2.0 之中，我们进一步增强了这套一体化方案，让前端开发的体验进一步提升。从下面这四个方面，我们将一一为大家介绍。

▐  一体化增强 - 极速启动

首先是极速模式，传统的 React/Vue 开发/构建的时间大家也都了解，Webpack 的工作时间往往接近 20s，而得益于最近新出的 vite，经过我们的测试和使用，传统的 20s 将缩减到了 2s 以下，可以说前端再一次得以飞跃。

而 vite 良好的兼容性，可以包容非常多的前端框架，虽然 vite 刚出不久，相信过不了多久，就会在全前端场景铺开。

▐  一体化增强 - 单元测试

第二个方面是单测，传统的一体化，由于编译的存在，我们的单测十分困难，有用户不止一次的问我们，怎么做单测，怎么优雅的做前后端调用。

在新的 v2 中，我们采用了两种方案做测试。

即可使用 supertest 来执行传统的 HTTP 行为模拟做单测，也可以使用我们提供的 runFunction 函数来做单测。

▐  一体化增强 - 支持应用

第三个特性是非常令人惊喜的，一体化项目除了能在函数场景下使用，如今，我们也将其沿用到了应用开发上。传统的 Midway 项目也可以使用一体化方案开发了。

▐  一体化增强 - 运行时升级

在 v1.0 时期，由于编译器的限制，我们的入口函数编写时有着诸多限制，但是在 v2.0 的时候，我们将运行时换成了原生框架以及原生的 node 模块，这样以前的种种限制都不存在了。

同时，你也可以编写自己的 hooks 模块，将业务逻辑轻松的组合到一起。

未来

最后

如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

ng)

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-cwQ9InW9-1713703052932)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！