使用 react-starter-kit 设置 Flask答案

【问题标题】：Setting up Flask with react-starter-kit使用 react-starter-kit 设置 Flask
【发布时间】：2016-03-06 04:17:14
【问题描述】：

这个问题非常具体到 react-starter-kit，不过，其他人可能可以在互联网上提供帮助。我正在尝试将 react-starter-kit 与我正在开发的烧瓶应用程序一起使用。我选择了这个 yeoman 生成器，因为它有很多我正在寻找的东西，但是，我不想在节点服务器上运行。我有一个烧瓶应用程序，我只想连接到反应前端。我不太清楚节点路由如何知道要包含哪个.js 捆绑文件（无论如何，节点路由对我来说有点困惑）。从哪里开始最好？

我想如果我可以从一个特定问题开始，我可以将index.html 指向哪个.js 文件？或者我怎样才能找到它？

我想在这里问这个问题，但希望我会被引导到正确的地方。

这是我的index.html：

<!DOCTYPE html>
<html>
  <head lang="en">
    <meta charset="UTF-8">
    <title>Flask React</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- styles -->
  </head>
  <body>
    <div id="app"></div>
    <!-- scripts -->
    <script type="text/js" src="build/assets.js"></script>
  </body>
</html>

这是我的烧瓶视图：

@CORE.route('/', methods=['GET'])
  def index():
      return render_template('index.html')

这里是build/assets.js

module.exports = {"main":{"js":"/main.js?032d72b634c91d2f8756"}};

/main.js?{{string}} 指向该应用的捆绑版本。

这是文件目录布局：

App
|-app
  |-Core
    |-view.py
  |-Templates
    |-index.html
|-build
  |-assets.js
|-src

【问题讨论】：

所以你打算在flask中有一个'index'路由，它返回一个链接源JS文件的模板？
@PatrickAllen 是的，至少在我弄清楚这一点时开始。我现在正在玩，并尝试让它指向build/assets.js，看看会发生什么......正确的轨道？
那行不通……
什么不起作用？请包括您的应用程序的文件目录布局和您用于加载 React 脚本的 HTML
@cricket_007 我更新最多，这样会更清楚一点。

标签： reactjs flask graphql react-starter-kit flask-graphql

【解决方案1】：

我决定做的，以及我建议做的，是使用 Graphene 和 Flask-GraphQL 以及 react-starter-kit。然后要获取我的数据，我可以让节点服务器查询烧瓶服务器以从 postgres 获取数据。这将让我仍然可以使用烧瓶服务器在 python 中对数据进行数据处理，并在需要时生成一个 RESTful API，但会让我受益于 GraphQL 的强大功能。

我还在弄明白一切，等我一切顺利时，我会回来重新发布。

【讨论】：