后台开发慢?教你自己模拟API

作者: Passon_Fang | 来源:发表于2017-01-12 23:18 被阅读289次

title: 后台开发慢?教你自己模拟API
date: 2017-01-12 08:18:12
tags: [Charles, API]
category: program


是否还在苦恼后台的兄弟开发慢,导致开发无法进行?

下面介绍在本地模拟 API 的方式

使用 Charles 模拟 API

前提:安装好 Charles,并且抓包功能正常运行。

步骤1

在网页中打开一个需要模拟的 API 地址,比如:http://123.123.123.123/haha

可以看到 Charles 中:

Charles-mock-api0Charles-mock-api0

步骤2 建立需要的请求返回结果

/Users/double/Desktop/apidemo:

{
    "result": { 本地 API 文件
        "songs": [{
            "rtUrls": [],
            "ar": [{
                "id": 1000
                "name": "Shawee"
            }, {
                "id": 896274,
                "name": "mAjorHon"
            }],
            "al": {
                "id": 35091382,
                "name": "简单点 (Easier)",
                "pic_str": "109951162832212843",
                "pic": 109951162832212843
            },
            "st": 0,
....

步骤2 设置 Map Local

在 Charles 目标请求中 右击 选择 Map Local:

Charles-mock-api1Charles-mock-api1

出现窗口设置 API:

Charles-mock-api2Charles-mock-api2

在上图, Map to Local path 中设置本地的 API 文件(json数据),点击 OK

网页请求 http://123.123.123.123/haha 就会返回 apidemo 中的数据

最后管理设置的 Map Local API:

Charles-mock-api3Charles-mock-api3

使用 json server

https://github.com/typicode/json-server

json server 可视化界面:https://github.com/naholyr/json-server-gui

参考:

相关文章

  • 后台开发慢?教你自己模拟API

    title: 后台开发慢?教你自己模拟APIdate: 2017-01-12 08:18:12tags: [Cha...

  • Mock.js数据生成器

    mock.js主要解决的问题是:让前端和后台开发人员根据API文档开发,不相互依赖,前端可以模拟api接口数据,达...

  • 2018-03-12

    完善Tcp接收数据的逻辑 workerman与数据库 定制邮件模版,整合后台---先模拟触发 app API开发

  • 前端人员模拟后台数据json-server与mockjs

    使用node开发的能够模拟后台API的工具json-server,十分好用,put,post,get,delete...

  • Vue-cli 在本地模拟请求数据

    写在前面在我们开发的时候,尤其是前后端分离的项目,接口总是滞后于页面的开发,所以我们需要模拟后台API请求结果。 ...

  • 前端模拟数据傻瓜教学

    移动端的同学们在工作的时候可能要等后台,很浪费时间,这篇文章就教你一种模拟模拟数据后台的方法. 搭建后台 首先下载...

  • 前端mock使用

    mock是一个模拟数据生成器,旨在帮助前端独立于后台开发,在后台未完成接口时,前端可直接模拟数据开发测试。 moc...

  • APP开发模拟API

    测试API的模拟主要分以下2块 1.模拟服务器 2.模拟测试数据 一、模拟服务器解决方案 1).使用Apache开...

  • 演习开发--蓝墨云班课

    后台管理系统 后台管理系统的接口Imy-admin-api SpringBoot开发RESTful的接口,权限管理...

  • vue-cli3 本地数据模拟后台接口

    原理: 将本地的json数据在前端模拟为后台接口,然后调用接口,完成前端操作。在后台接通后可以直接在api配置文件...

网友评论

    本文标题:后台开发慢?教你自己模拟API

    本文链接:https://www.haomeiwen.com/subject/iopjbttx.html