3

admin-on-rest 允许通过编写自定义休息客户端来使用任何 JSON 响应。文档中的示例用于使用 json-server项目中的 JSON， 这很简单。

我想知道在 admin-on-rest 中使用这个 api有多么容易，只需对restClient进行细微更改。

4

2 回答 2

0

好的 - 让我们研究一下 admin 的来源（文件 admin-on-rest/src/util/fetch.js），我们对 fetchJson 方法很感兴趣。

该方法返回 fetch promise，它尝试在该代码中解析 json：

try {
  json = JSON.parse(body);
} catch (e) {
  // not json, no big deal
}

然后它返回：return { status, headers, body, json };
但是我们在结果中有 body 并且可以重用它，或者我们可以在 json 中使用已解析的对象

对于您的示例，我们可能会这样做（缺少一些代码）：

const httpClient = (url, options = {}) => {
    if (!options.headers) {
        options.headers = new Headers({ Accept: 'application/json' });
    }
    options.withCredentials = true;
        return fetchUtils.fetchJson(url, options).then(({status, headers, body, json}) => {
        json = json['results'] ? json['results'] : json;
        return {status, headers, body, json};
    });
}

因此，我们只是在该行的架构中通过集合中的“结果”覆盖了 json 对象：
json = json['results'] ? json['results'] : json;
现在您可以在 Admin 中使用该客户端

<Admin restClient={restClient}>
...
</Admin>

警告！！！这将影响管理员的所有请求。但是您可以添加其他参数。如果您不想使用json = json['results'] ? json['results'] : json;，可以添加其他参数或签入方法 fetch

于 2017-11-23T12:35:06.163 回答
-1

如果我没记错的话，您希望从（例如）重写网址 ： https ://marmelab.com/admin-on-rest-demo/#/customers/684 TO： https://marmelab。 com/admin-on-rest-demo/?customers=684

您可以在 restClient.js 中重写 GET_ONE： case GET_ONE: url = ${apiUrl}/${resource}/${params.id}; TO: 案例 GET_ONE: url = ${apiUrl}/?${resource}=${params.id};

这将通过参数而不是 url 部分检索记录。

于 2017-07-29T21:31:55.970 回答