编程锦囊妙计——快速创建本地Mock服务

本文介绍了如何利用TypeScript的Schema和@effect/schema库在前端项目中创建Mock API,以实现前后端并行开发,减少阻塞。通过示例展示了如何配置tsconfig.json,封装wretch库,以及如何使用fast-check和@effect/schema/Arbitrary生成Mock数据。
摘要由CSDN通过智能技术生成

bc40ed1ddc73880cd051dac187d63e4b.gif

点击上方👆蓝色“Agilean”,发现更多精彩。

前情提要

在本系列上一篇文章《全文干货:打破前后端数据传递鸿沟,高效联调秘笈》中我们分享了使用Zod这一运行时类型校验库来对后端服务响应结果进行验证达到增加项目质量的方式。

这次,我们将继续分享利用这一种方式所附加的另一项能力:Mock服务。

什么是Mock服务?

mock服务是一种模拟或虚拟的服务器,用于模拟真实的API行为和响应,而无需实际访问后端服务器。这个概念在前后端项目分离,特别是开发人员分离的情况下经常被使用,有助于前后端并行开发,减少阻塞时间,提升交付时效

常见的做法包括但不限于以下两种:

1.手动创建一份静态的响应数据声明成常量或是文件,再由程序读取;

2.资源丰富的团队可能还会自己架设一台真实服务器来提供mock服务,这类mock服务的响应结果通常会根据一定的规格文件产出随机的数据。

以上这两种方式,笔者认为均有各自的不足之处:

  • 针对第一种,静态数据的方式体现不出数据的动态与完整性。举个例子,一份静态数据可能无法体现出某一个枚举字段的多值情况,也可能没有写出没有返回的可能字段。

  • 针对第二种,架设公共mock服务有成本问题,以及对数据规格的描述可能会存在三方(前端、后端、mock服务)同步的问题。

综合考虑了不同应用形式的优劣势,知微前端团队开辟了另一条路:集成在前端项目中的 mock API。弥补了静态数据的不足,并且成本很小,能够尽量减少数据规格多方同步的问题。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值