使用rap2创建项目接口

一、登陆注册

  • 这一步操作很简单,我这就跳过了

二、新建仓库

新建仓库.png
  • 点击新建仓库


    填写信息.png
  • 个人项目填下项目名称、简介就可以点击提交了,如果是团队协作的话可以添加成员或者团队的名称,即用户名。协同仓库ID的话我也不太清楚,没有百度到,有需要的小伙伴可以自行百度。

三、编辑接口

  • 创建好仓库之后点击仓库名进入接口编写


    image.png
  • 点击编辑按钮进入编辑状态


    image.png
  • 进入编辑模式后可以修改名称、请求地址、请求方式等信息,这里重点要提的是响应内容,这是我第一次使用rap2,摸索了半天之后,我觉得直接通过导入的方式是最方便的,可能也是之前习惯了使用easymock,通过导入的方式添加数据和之前easymock是一样的,像这样操作:
    删除.png

    先把所有默认的数据项都删除,之后点击导入进入编辑,通过JSON格式写入数据或者把json数据复制过来
    写入数据.png

    提交之后外面表格的数据项会自动填充
    填充后.png

    填好所有数据之后记得按保存按钮

四、获取请求接口地址

  • 点击地址会进行跳转


    点击地址.png
  • 跳转之后的url就是咱们需要的接口地址(一篇文章上看到的,不太像正确的打开方式23333)


    接口url.png

五、请求接口

Axios.get('http://rap2.taobao.org:38080/app/mock/261432/myProject').then((res) => {
            console.log('获取数据成功',JSON.stringify(res))
        }).catch(error => {
            console.log('获取数据失败' + error)
        })
  • 需要注意的是请求方式要和接口中设置的一样,然后就能获取到数据了


    获取了数据.png
  • 如果有什么错误还请路过的大佬指出,感谢

你可能感兴趣的:(使用rap2创建项目接口)