使用MirageJS构建api模拟分离API和前端开发

使用MirageJS构建api模拟分离API和前端开发
2020年02月14日 23:22 SOWORD-科技言

MirageJS是一个API模拟库,使你可以构建api接口、测试和共享完整的正常运行JavaScript应用程序,而不必依赖任何后端API或服务,但是你必须学会如何使用渐进式前端框架Vue.js设置Mirage JS。

在SPA和JAMstack时代,API和前端开发之间一直存在关注的分离。几乎可以在网上找到的所有JavaScript项目都与Web服务或API交互,然后将其用于身份验证或获取与用户相关的数据。

因此,每当你在处理项目时,后端团队仍未实现必需的API,或者需要快速测试功能,则可以使用以下一些选项:

  • 可以代理实际后端的本地运行版本,而在大多数情况下,它是前端开发人员所不需要的。

  • 可以注释掉实际请求并替换为模拟数据。(这是可以的,但没有那么大,因为需要撤消该操作才能投入生产,并且可能无法处理网络状态和延迟。)

什么是API模拟?

API模拟是对实际API的模仿或模拟。这样做主要是为了拦截应该向实际后端API发出的请求,这种模拟存在于项目前端。

为什么API模拟很重要

API模拟在许多方面都非常重要:

  1. 它提供了很好的前端开发体验,因此在构建功能之前不必依赖生产API。

  2. 可以共享项目整个前端,并且可以在不依赖于实际后端API的情况下工作。

什么是Mirage JS?

Mirage JS创建于5年前,在Sam Selikoff于2020年1月24日在Twitter上正式宣布发布之前,已在Ember社区中大量使用。

Mirage JS解决了测试后端API的难题,而无需依赖那些API。它通过模拟生产API来提供无缝的前端开发体验。

Mirage JS是针对Vue.js,React,Angular和Ember框架的API模拟库

Mirage JS我们成为更好的选择?

还有许多其他的API 模拟选项(例如Axios拦截器,Typicode的JSON服务器等),但是我们认为Mirage非常有趣的是,我们用Vue进行设置时它不会妨碍开发过程,它轻巧但功能强大。

MirageJS

财经自媒体联盟更多自媒体作者

新浪首页 语音播报 相关新闻 返回顶部