RAP2-中台模拟器学习

中台接口

利用中台提供的网络接口可以模拟后台接口的返回参数,使得前台开发可以脱离后台接口的限制,更加自由。

中台接口设置

  1. 新建接口
    可以新建模块,然后在模块中新建接口。
    在这里插入图片描述
    新建接口主要需要选择类型和状态码。状态码一般都会直接选择200,类型一般会选择GET或POST。
    在这里插入图片描述
    在这里插入图片描述
    修改或删除接口信息。
  2. 参数设置

在这里插入图片描述
移动:可将当前接口移动或复制到本模块或新模块。
编辑:编辑本接口内容,点击编辑即可设置入参和出参。当类型为GET是入参会自动匹配传来的参数(只能匹配键值对)。参数模板使用mock语法。

在这里插入图片描述
新建:设置每个参数的属性
在这里插入图片描述
根据所创建的数据类型不同(array或object),左侧会出现“+”号,点击“+”号可以向其内部添加属性
导入:直接把自己需要的数据的代码格式粘贴过来
在这里插入图片描述
注意要点击保存!!!
在这里插入图片描述
此地址为自己设置的URL地址,点击可以进入链接,调用接口。
在这里插入图片描述

  1. 注意点
    3.1 入参没有太多作用,只能进行必填的校验,校验还不是很好,只有GET下非数组形式的JSON才能够校验出来。因此建议不要过多关注入参内容,只关注出参和mock语法。
    在这里插入图片描述
    在这里插入图片描述

form-data:
就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开。既可以上传键值对,也可以上传文件。当上传的字段是文件时,会有Content-Type来表名文件类型;content-disposition,用来说明字段的一些信息;
由于有boundary隔离,所以multipart/form-data既可以上传文件,也可以上传键值对,它采用了键值对的方式,所以可以上传多个文件。
x-www-form-urlencoded:
就是application/x-www-from-urlencoded,会将表单内的数据转换为键值对
raw
可以上传任意格式的文本,可以上传text、json、xml、html等
binary
相当于Content-Type:application/octet-stream,从字面意思得知,只可以上传二进制数据,通常用来上传文件,由于没有键值,所以,一次只能上传一个文件

但这些接口入参并没有体现出来,所以入参可以作为简单的参考即可。
3.2

中台接口使用

  1. 在前端页面使用
    简单的ajax调用即可;
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中台接口测试</title>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#b01").click(function(){
                $.ajax({
                    url:"http://39.107.52.108:8001/app/mock/55/test/101010111010010232",//接口地址
                    data:{"teachers":"ee","name":"dd","course":"dsd"}, //要提交的数据是一个JSON
                    type:'POST', //提交方式
                    dataType:'JSON',    // 返回数据的类型
                    success:function (data) {
                        if (data.success){
                            alert(data.teacher);
                        }else {
                            alert(data.teacher);
                        }
                    }
                } )
            });
        });
    </script>
</head>
<body>

<div id="myDiv"><h2>通过 AJAX 改变</h2></div>
<button id="b01" type="button">改变内容</button>

</body>
</html>
  1. 在control层使用(即使用Java代码调用)
    https://www.cnblogs.com/hhhshct/p/8523697.html
 public static String doGet(String httpurl){
        HttpURLConnection connection =null;
        InputStream is =null;
        BufferedReader br=null;
        String Result=null;//返回结果字符串
        System.out.printf("\r\n 0");
        try {
            System.out.printf("\r\n 1");
            //创建远程url链接对象
            URL url=new URL(httpurl);
            //通过远程URL对象打开一个链接,强转成HttpURLConnection类
            connection=(HttpURLConnection) url.openConnection();
            //设置链接方式GET
            connection.setRequestMethod("GET");
            //设置链接主机服务器超时时间15000毫秒
            connection.setConnectTimeout(15000);
            //设置读取远程返回数据的超时时间6000毫秒
            connection.setReadTimeout(6000);

            connection.setDoOutput(true);//允许输入
            connection.setDoInput(true);//允许输出
            //发送请求
            connection.connect();
         //post 传参部分
          /*  DataOutputStream out = new DataOutputStream(connection.getOutputStream());
            JSONObject obj=new JSONObject();
            obj.put("test","22");
            String json = java.net.URLEncoder.encode(obj.toString(), "utf-8");
            out.writeBytes(json);
            out.flush();
            out.close();*/
            System.out.printf("\r\n "+connection.getResponseCode());
            if (connection.getResponseCode()==200){
                System.out.printf("connection.getResponseCode()");
            is=connection.getInputStream();
            //封装输入流is并制定字符集
                br=new BufferedReader(new InputStreamReader(is,"UTF-8"));
            //存放数据
                StringBuffer sbf=new StringBuffer();
                String temp=null;
                while ((temp=br.readLine())!=null){
                    sbf.append(temp);
                    sbf.append("\r\n");
                }
                Result=sbf.toString();
            }
        }catch (MalformedURLException e){
            e.printStackTrace();
        }catch (IOException e){
            e.printStackTrace();
        }finally {
            //关闭资源
            if(null!=br){
                try{
                    br.close();
                }catch (IOException e){
                    e.printStackTrace();
                }
            }
            if (null != is) {
                try {
                    is.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            connection.disconnect();// 关闭远程连接
        }
        JSONObject J=JSONObject.fromObject(Result);//进行json转换
        System.out.printf(J.toString());
        System.out.printf(J.get("string").toString());
        return Result;
    }

postman

  1. 介绍
    用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的,用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工具。今天给大家介绍的这款网页调试工具不仅可以调试简单的css、html、脚本等简单的网页基本信息,它还可以发送几乎所有类型的HTTP请求!Postman在发送网络HTTP请求方面可以说是Chrome插件类产品中的代表产品之一。
  2. 使用
    官网下载:https://www.getpostman.com/downloads/
    在这里插入图片描述
    下载并安装后可直接在桌面打开即可。

简单使用:
在这里插入图片描述
按照图中提示在postman中导入配置
在这里插入图片描述

在这里插入图片描述
url 是环境变量,可能需要自己配置,即在右上角进项配置,步骤如下图:
点击右上角齿轮弹出窗体。
在这里插入图片描述
点击ADD,添加环境变量;
在这里插入图片描述
在这里插入图片描述

mock

网址:http://mockjs.com/

多有不足,共同探讨

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章