问题:
1、 前端开发需要等待后端
2、 http mock使用起来不方便
3、 项目中已经存在很多接口了,这些接口去mock的话需要花费工作量
分析:
1、 前后端分离好像就mock一种方案比较方便一点
2、 如果能找到一个使用很方便的mock就好了
3、 实现了的接口走我们的代码,未实现的接口走mock,两者结合在一起能兼容
解决:
1&2、 经过调研,发现阿里妈妈的RAP使用起来非常的方便,文档、视频、示例很丰富,可以根据文档来使用
2、实现了的接口走我们的代码,未实现的接口走mock 解决的思路就是当请求未实现的接口时,肯定是报404,那么我们可以在一个统一的方法里去处理404,在这个方法里解析请求的url,然后通过url去拼接对应的RAP的接口地址。之后通过URL、HTTPClient之类的工具去请求RAP的URL,获取RAP生成的mock数据,然后把mock数据返回给前端。
具体过程分为两步走:
a) 统一处理未匹配的请求。大概有这么几种方法。我们使用的是SpringMVC,所以我添加了一个方法(暂且叫他mockMapping方法)用来匹配/app请求前缀/**/*的请求,这样子所有没有被精准匹配的请求都会匹配到这个方法来
b) 在mockMapping方法里面,通过apache HTTPClient去请求RAP的接口(代码看这里)
大概的截图长这样子
创建的mock,RAP会给你生成一个唯一对应的url
这个url就是下图中右上角红框中那部分,加上左边请求地址这一块
需要注意的是,右上角哪里的url里面有一部分叫做mockjs,需要给他替换成mockjsdata,这样子你通过httpClient去请求的数据才是通过mockjs解析后的JSON字符串
--------------------------------------------------------------------
花了不到半个小时(代码写的很好看)的时间看了RAP的源码,mock部分大概分为三步来实现
1、 你创建一个MOCK请求的时候他保存这个请求的MOCK定义以及对应的生成的url。
2、 当请求时,我们请求/mockjsdata这个,后面带上前一步生成的url
3,、 RAP通过URLReWrite,将mockjsdata交由/mock/createMockjsData.action处理,在这个action里面通过url找到对应的mock定义,然后解析出来返回
相关推荐
koa-grace是基于koa的标准前后端分离框架,又可以叫Grace.js。主要特性包括:支持MVC架构,可以更便捷地生成服务端路由;标准的RESTful架构,支持后端接口异步并发,页面性能更优;一套Node环境经服务服务多个站点...
主要为大家详细介绍了mock.js模拟数据实现前后端分离,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了vue+mockjs模拟数据实现前后端分离开发的实例代码,具有一定的参考价值,有兴趣的可以了解一下
当业务越来越复杂,端上的产品越来越多,展现层的变化越来越快越来越多,站点层存在大量代码拷贝,数据获取复杂性成为通用痛点的时候,就应该进行前后端分离分层抽象,简化数据获取过程,提高数据获取效率,向上游...
node-mock:前端数据mock方案, 简单、易用、前后端分离
主要为大家详细介绍了vue+mock.js实现前后端分离,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
通过mock数据在本地搭建服务进行前后端分离开发、本脚手架各端适配的比较完美适合用来进行全新项目的多端开发,后续基础组件持续完善中,目标是打造一个多端共用的基础组件库. 适配进度 H5 -- 完美适配 React ...
Mockcat是一款前端与后台分离开发的简易接口Mock数据工具集。提供了Mock数据的模块化管理,接口的定义和测试(支持JSON5/XML文档格式、Mock.js的语法规则),Mock数据的操作日志,以及接口的Mock服务功能。另外,...
毕业设计 基于springboot mysql Vue的系统开发,供参考,提供说明材料+源代码 毕业设计 基于springboot mysql Vue的系统开发,供参考,提供说明材料+源代码 毕业设计 基于springboot mysql Vue的系统开发,供参考,...
前后端分离中 API 接口与数据 Mock 的思考与应用(39页).pdf
可视化接口管理工具, 通过分析接口结构,动态生成模拟数据,校验...通过分析这些数据,mock-server 提供 MOCK 服务、测试服务等自动化工具,本文主要讨论三种比较受欢迎的开源mock-server:rap1、rap2、easy-mock。
mock 介绍及原理,前后端 mock方法
一个提升前后端协作开发效率的工具,包括了 mock 和 proxy
基于uni-app多平台管理系统模板, H5, Android, IOS, Min Program。更加完善的开发指南 主题定制;支持颜色主题和深色模式,页面更加美观;国际化/多语言:应用内容和pages.json国际化,支持N种语言;引入iconfont:...
基于Java开发实现的自测联调Mock利器工具源码.zip基于Java开发实现的自测联调Mock利器工具源码.zip基于Java开发实现的自测联调Mock利器工具源码.zip基于Java开发实现的自测联调Mock利器工具源码.zip基于Java开发实现...
1. 前后分离开发,前后端可以独立部署,也可以合并部署 2. `我的流程`、`系统管理`、`示例管理`、`流程管理`、`监控管理` 3. `功能权限`,`菜单权限`、`按钮权限`细粒度配置 4. `数据权限`,注解实现或数据库配置...
使用Node做前后端分离的开发模式带来了一些性能及开发流程上的优势, 但同时也面临不少挑战。在淘宝复杂的业务及技术架构下,后端必须依赖Java搭建基础架构,同时提供相关业务接口供前端使用。Node在整个环境中最重要...