【问题标题】:Building client api for integration within a react project构建客户端 api 以在反应项目中集成
【发布时间】:2017-03-29 10:02:31
【问题描述】:

我想知道构建 API 客户端并将该客户端集成到我的 react 项目中的最有效方法是什么。

问题是:

1 我只需要使用 fetch 或 await/sync 开发一个基本的客户端 api 吗? 2 与redux 耦合,使用reducers,任何方法或最佳实践? 3 访问环境变量以根据环境设置 API_URL

目前使用的工具:react-scripts。

【问题讨论】:

    标签: reactjs react-redux redux-thunk


    【解决方案1】:

    1 我只需要使用 fetch 或 await/sync 开发一个基本的客户端 api 吗?

    是的。使用您选择的 http 框架。 JQuery、fetch、axios 等等。我不会对此进行详细介绍,因为它容易引起意见并且不会有任何建设性。

    2 与redux 耦合,使用reducers,任何方法或最佳实践?

    有很多 redux 中间件用于处理 API 调用(或更一般的异步操作)。 redux-thunk 是使用最广泛和最容易理解的一种,也可以用于inject your API into you action creatorsredux-saga 是另一个不错的选择,但比 thunk 更复杂。

    3 访问环境变量以根据环境设置 API_URL

    这不是我的强项,所以会有更好的方法来做到这一点,但我使用了一个单独的脚本(通常是“configuration.js”),它有一个模板变量,我用 env 变量的值替换在启动之前并使用 html 中的 script 标记链接到它。您如何部署可能会使这更容易或更难。我通常部署一个 docker 容器,所以在启动时运行一些额外的命令并不困难。

    【讨论】:

    • 太棒了,会遵循关于创建脚本和为我的模板提供环境变量的建议,我也在使用 Docker,所以这是我想这样做的最佳方式。谢谢 :-)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-09-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-04
    相关资源
    最近更新 更多