zoukankan      html  css  js  c++  java
  • 推荐一个简单好用的在线接口MOCK平台

      简单好用的在线接口 MOCK 平台:https://www.fastmock.site/#/

      fastmock可以让你在没有后端程序的情况下能真实地在线模拟ajax请求,你可以用fatmock实现项目初期纯前端的效果演示,也可以用fastmock实现开发中的数据模拟从而实现前后端分离。

      在使用fastmock之前,你的团队实现数据模拟可能是下面的方案中的一种或者多种:

    • 本地手写数据模拟,在前端代码中产生一大堆的mock代码。
    • 利用mockjs或者canjs的can-fixture实现ajax拦截,本地配置必要的json规则。
    • 后端在Controller层造假数据返回给前端。

      上面的方式中,不管哪一种方式,都会要求开发人员写一些跟项目本无任何关联的代码,第一个和第二个方式还会需要前端项目在本地引入不必要的js文件。

      为此,我们将mock层独立出来,通过中间服务的形式在前端和后端服务之前建立一道围栏,使用fastmock,前端只需要修改自己的XHR请求地址,后端只需要在开发前和前端约定好接口文档即可。等到后端服务开发完成,前端再将XHR请求地址替换回来进行联调测试即可。

      当然,你也可以通过npm script不同命令加载不同配置文件的形式切换你的XHR地址,这里不作详细介绍。

      界面清晰 管理方便,去掉一切繁琐,提取出最关键的功能,只需要 登录 - 创建项目 - 创建接口 - 录入您想返回的数据, 即可轻松创建一个接口。 同时还支持 Mock.js 动态数据,只要是 Mock.js 能生成的数据,在 fastmock 平台就能生成,如常用的随机字符串,随机数组,以及 restful 方式数据模拟等。

      体验了一下,还不错,对于实现前后端分离开发,是个不错的选择。不多说,直接去体验一下就都懂了,跟 Mock.js 一样配置使用接口即可。

      当然这种平台挺多的,看哪个好用用哪个即可。

  • 相关阅读:
    代码之美
    一点对互联网的浅薄理解
    angularjs填写表单
    一种通用数据采集的schema定义形式
    maven常用命令
    find which process occupy the PORT
    Mac上安装boost开放环境
    codeforces 581B Luxurious Houses
    codeforces 599A Patrick and Shopping
    codeforces 597A Divisibility
  • 原文地址:https://www.cnblogs.com/goloving/p/14838448.html
Copyright © 2011-2022 走看看