thx / rapper Goto Github PK

View Code? Open in Web Editor NEW

96.0 96.0 17.0 1.95 MB

一个自带类型的请求库

Home Page: https://www.yuque.com/rap/rapper/readme

JavaScript 2.20% TypeScript 96.30% HTML 1.08% CSS 0.41%

rap rapper react react-redux typescript

rapper's People

Contributors

Stargazers

Watchers

Forkers

dahuahe lisiyizu guowenfh helloyan gpb123q inceptiongt sunxiyin lou1swu bosn zhengxu632 mengdo-ckk dusionlike swpuesine blackhu0804

rapper's Issues

不管是overrideFetch还是createFetch，headers选项设置不起作用

不管是overrideFetch还是createFetch，把headers设置成 application/x-www-form-urlencoded 都不起作用，只有写在fetch的第二个参数中有用，且content-type属性必需是小驼峰contentType才行

以下代码设置后是不起作用的：

export const fetch = createFetch(
  {
    /** 'prefix' 前缀，统一设置 url 前缀，默认是 '' */
    // prefix: 'https://rap2api.taobao.org/app/mock/3402',
    fetchOption: {
      /** 全局配置请求 content-type，默认是 'application/json' */
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
      },

      credentials: 'same-origin',
    },
  },
  { fetchType: FetchType.AUTO },
);

以下代码设置是可以的:

fetch['POST/api/detail'](
      { uid: 1 },
      {
        contentType: 'application/x-www-form-urlencoded',
      }
)

能否自动生成js文件?

可以实现一个类似于导出功能，每次导出的时候生成ts文件并下载吗

当根结点是数组时，会生成_root_层级

如在rap2中导入[{a: 1}, {a: 2}]时
rapper生成代码的interface 会变成

Res: {
      _root_: {
            a: number;
      }[]
}

post请求, 路径参数怎么替换掉啊

这样是无效的

request["POST/data-api/v1/nodes/{node_id}/products"]({node_id: '123' ...rest})

helper!!!

无法区分query和body的参数

无论在rap2上设置query或者body他都作为params进入

字符串字面量的联合类型，用mockjs占位符@pick(['A','B','C'])，识别不了

接口配置该字段（三选一）

期望识别成：indexType: 'A' | 'B' | 'C'类型
现在还是识别成 indexType: string

建议生成的 fetch 对象中, 使用泛型来约束类型, 而不是属性

目前生成的代码大概是这样:

export interface IModels {
  'GET/welcome': {
    Req: {},
    Res: {},
  }
}

export const createFetch() {
  return {
    'GET/welcome': (input) => doFetch('GET', '/welcome', input),
    // ...
  }
}

export const fetch = createFetch()

这样会生成大量的没有意义的 api 实例函数(createFetch 函数内返回的对象在编译成 js 后依旧存在), 建议改成这样:

export interface IModels {
  'GET/welcome': {
    Req: {},
    Res: {},
  }
}

export function fetch<K extends keyof IModels>(key: K, input: IModels[K]['Req']): Promise<IModels[K]['Res']> {
  const pos = key.indexOf('/')
  const method = key.substr(0, pos)
  const url = key.substr(pos)

  return doFetch(method, url, input)
}

这样生成的 js 代码就只有一个 fetch 实例了, 会简单很多, 并且 IDE 在提示的时候, 对函数参数的支持会比 ['GET/welcome'] 这种形式更友好.

thx / rapper Goto Github PK

rapper's People

Contributors

Stargazers

Watchers

Forkers

rapper's Issues

不管是overrideFetch还是createFetch，headers选项设置不起作用

能否自动生成js文件?

可以实现一个类似于导出功能，每次导出的时候生成ts文件并下载吗

当根结点是数组时，会生成_root_层级

post请求, 路径参数怎么替换掉啊

无法区分query和body的参数

字符串字面量的联合类型，用mockjs占位符@pick(['A','B','C'])，识别不了

建议生成的 fetch 对象中, 使用泛型来约束类型, 而不是属性

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent