第一次体验前后端分离开发,感觉不错,效率大大提高。前端负责数据展示,后端负责组装数据,各司其职比我以往接触的开发方式要快许多,使得各自专注自己的领域。SOSOAPI既可以完成接口测试,还可以生成规范的接口文档。有了前后端分离,再也不用关注前端了。

SOSOAPI

基于有权限的访问方式需要提供token访问。

操作步骤

1、创建项目

2、创建分组

3、设置登录接口获取令牌

4、编写对应的业务接口

5、预览发布接口测试

6、分享给前端使用接口(需设置访问密码)

7、导出文档

操作实例

定义接口

预览接口

测试接口

后端接口跨域问题解决

在web项目的web.xml添加过滤器处理跨域请求。

web.xml配置

<!--ajax跨越请求  --><filter><filter-name>FilterAJAX</filter-name><filter-class>com.cvnavi.common.filter.AjaxURLFilter</filter-class></filter><filter-mapping><filter-name>FilterAJAX</filter-name><url-pattern>/*</url-pattern></filter-mapping>

过滤器AjaxURLFilter

package com.cvnavi.common.filter;import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletResponse;public class AjaxURLFilter implements Filter{@Overridepublic void init(FilterConfig filterConfig) throws ServletException {// TODO Auto-generated method stub}@Overridepublic void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)throws IOException, ServletException {HttpServletResponse resp = (HttpServletResponse)response;//"*"存在风险,建议指定可信任的域名来接收响应信息,如"http://www.sosoapi.com"resp.addHeader("Access-Control-Allow-Origin", "http://www.sosoapi.com");//如果存在自定义的header参数,需要在此处添加,逗号分隔resp.addHeader("Access-Control-Allow-Headers", "Origin, No-Cache, X-Requested-With, "+ "If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, "+ "Content-Type, X-E4M-With");resp.addHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS");  chain.doFilter(request, response);}@Overridepublic void destroy() {// TODO Auto-generated method stub}}

SOSOAPI前后端分离开发模式下的接口测试相关推荐

  1. 前后端分离开发模式下后端质量的保证 —— 单元测试

    概述 在今天, 前后端分离已经是首选的一个开发模式.这对于后端团队来说其实是一个好消息,减轻任务并且更专注.在测试方面,就更加依赖于单元测试对于API以及后端业务逻辑的较验.当然单元测试并非在前后端分 ...

  2. ultraedit 运行的是试用模式_单元测试 —— 前后端分离开发模式下后端质量的保证...

    概述 在今天, 前后端分离已经是首选的一个开发模式.这对于后端团队来说其实是一个好消息,减轻任务并且更专注.在测试方面,就更加依赖于单元测试对于API以及后端业务逻辑的较验.当然单元测试并非在前后端分 ...

  3. Nodejs搭建前后端分离开发模式下的微信网页项目

    原文链接:<Nodejs搭建前后端分离开发模式下的微信网页项目>- 陈帅华 本文涉及对前后端分离及微信网页项目中的前端如何在本地环境中开发与调试的思考. 主要问题 1.如何配置微信公众平台 ...

  4. 前后端混合开发模式和前后端分离开发模式

    前后端混合开发模式和前后端分离开发模式 一.前后端混合开发模式 二.前后端分离开发模式

  5. 前后端分离开发模式介绍

    1.1 什么是前后端分离 前后端分离是目前一种非常流行的开发模式,它使项目的分工更加明确: 后端:负责处理.存储数据 前端:负责显示数据 前端和后端开发人员通过 接口 进行数据的交换. 1.2 为什么 ...

  6. 手把手Django+Vue前后端分离开发入门(附demo)

    前言 众所周知,Django对于网站快速开发非常友好,这得益于框架为我们做了很多事情,让我们只需要做一些简单的配置和逻辑即可把网站的功能开发出来.但是,在使用Django的过程中,有一个地方一直是比较 ...

  7. 014-Axios Ajax:前后端分离概述,发送json类型的参数,前后端分离开发:在线接口文档,前端工程化、Element、nginx

    第一节 Ajax概述 1.概述 概念: Asynchronous JavaScript And XML,异步的JavaScript和XML. 作用: 数据交换:通过Ajax可以给服务器发送请求,并获取 ...

  8. .NET Core开发实战(第23课:静态文件中间件:前后端分离开发合并部署骚操作)--学习笔记(下)...

    23 | 静态文件中间件:前后端分离开发合并部署骚操作 这里还有一个比较特殊的用法 一般情况下,我们前后端分离的架构,前端会编译成一个 index.html 文件和若干个 CSS 文件和 JavaSc ...

  9. web前后端分离开发部署模式

    web前后端分离开发部署模式 在开始讨论这个话题之前我们先来认识一下传统的开发模式. 一.传统开发模式 相信很多做过Web开发童鞋应该都会经历这样一种开发模式,利用后端语言提供的模版引擎编写HTML/ ...

  10. 使用 imitator 实现前后端分离开发中的数据模拟与静态资源映射

    imitator 一个简单易用的 nodejs 服务器, 主要用于模拟 HTTP 接口数据, 请求代理与转发 . 使用imitator,可以解决前后端分离开发中的痛点之一:数据模拟,也可以作为代理服务 ...

最新文章

  1. 智能车竞赛技术报告 | 双车接力组 - 黑龙江工程学院 - 睿龙二队
  2. IntelliJ IDEA 2020.2 发布:支持Java 15、GitHub审查、运行时异常的排查辅助...
  3. CentOS 6.5安装MongoDB 2.6(多yum数据源)
  4. 跟我打卡LeetCode 58最后一个单词长度59螺旋矩阵Ⅱ60排列序列
  5. 华为防火墙USG多出口网络场景是如何排除故障的
  6. 1035. 插入与归并(25)
  7. 扩容原理_硬核丨一文读懂以太坊扩容方案 ─ Rollup 工作原理
  8. 赢在CSDN —— 我们一起向前
  9. Powerbi实现帕累托分析
  10. Peoplesoft取Translate Value标签值的方法
  11. ORACLE数据库自动备份压缩的批处理脚本 rar 7z
  12. python面向对象三大特性_深入理解Python面向对象的三大特性
  13. python3默认编码标准是_python3 编码
  14. NSA漏洞预防,关闭有漏洞的端口
  15. docker 修改启动命令_Docker映射详解,没问题了!
  16. 数据分析看关晓彤的招黑之路
  17. 架构文摘:LSV负载均衡技术笔记
  18. 2020 12-23 视觉组作业
  19. python列表list元素降序排列两种方法
  20. 解决iOS 证书不受信任的问题

热门文章

  1. python微信群聊机器人_python 群聊 机器人
  2. Linux 句柄是什么
  3. 一阶滤波算法公式推导
  4. vue电商网站后台管理系统模板
  5. 结巴分词python教程_Python笔记:用结巴分词制作词云图
  6. CSS命名规范--BEM
  7. canpro脚本_周立功CANPro软件下载
  8. 测试驱动开发之初窥门径
  9. e531网卡驱动linux,联想e531网卡驱动下载-联想e531笔记本无线网卡驱动v6.30.223.201 官方版 - 极光下载站...
  10. Data URI scheme