如何部署/连接React / Flask-RESTful应用程序?

时间:2017-05-24 00:04:54

标签: reactjs flask server web-hosting flask-restful

我对网络开发比较陌生,所以如果我在这里尝试做的不是社区中的常见做法,请不要犹豫,纠正我。

我编写了一个简单的反应应用,通过HTTP请求与后端的 Flask-rest API进行通信。对于测试用途,我在localhost上的不同端口上分别运行React应用程序和Flask api,并使用代理配置连接它们,因此HTTP请求的URL可以保持 relative (例如{{1等等)

我的问题是,如何将APP和API部署到同一台服务器上,以便结构不会改变?或者我需要两个不同的服务器来托管它们中的每一个?我不妨承认真的不明白服务器是如何工作的......如果我为React应用程序运行/getUser/user_id,我应该将build文件夹与Flask API一起使用吗?

一个相关的问题是,我在后端保存了几个静态文件,我希望我的前端React应用程序可以访问它们,到目前为止,我已经尝试了Flask的yarn build函数来制作这行得通。这是在服务器上提供静态文件的正确/常用方法吗?我见过有人提到 Nginx ,但我不太明白......

任何答案或评论都表示赞赏。感谢您帮助新的程序员

1 个答案:

答案 0 :(得分:1)

我的建议是部署Heroku。您只需要一台服务器(对于Flask)并且可以编译您的反应代码以便与Flask应用程序一起提供。

此存储库应该有所帮助:https://github.com/chosak/heroku-python-react