ReactNative 学习记录(三)

1月4号更新

(不断更新中)

学习伪造后台

主要通过 RAP 和 Mock两个工具来伪造后台

• 先登录RAP

  
  
• 然后创建自己的项目(可以先创建团队)
• 项目按照下图设置

• 点击播放按钮

  
  

• 随意填一个字符串 点击请求

  
  

• 我们可以看到伪造的数据

  
  

• 右下角是可以调用的 url

  
  

• 点击 url 可以获取 Json 数据

  
  

这里建议安装一个 chrome 插件JSON-Handle 链接2用于专门查看 Json 数据

它可以把能转化为 Json的数据进行格式化
如果数据不能格式化说明一开始设置的 mock语句里面有错误
这样方便我们排查错误

来看使用方法

用法

1. 复制之后作为本地数据使用

2. 用fetch()来进行网络数据请求

  fetch('http://rap.taobao.org/mockjs/***自己的地址***/api/creations?accessTocken=asd')
      .then((response) => response.json())
      .then((response) => {
        let responseJson = Mock.mock(response)
        return responseJson.data;
      })
      .catch((error) => {
        console.error(error);
      });

• 这是我们想要的10条伪造的数据

  
  
  

  控制台输出

发现没有问题

最终显示效果:

Mock 官网里面有mock 的使用规则
mock 示例