Universal使用CDN和heroku进行反应渲染

时间:2016-07-05 18:11:50

标签: node.js heroku reactjs amazon-cloudfront server-rendering

尝试设置服务器端(通用,同构)呈现的应用程序,通过CircleCI使用Heroku部署节点/快速应用程序,以及Cloudfront作为CDN。

我在概念化它如何工作方面遇到了一些麻烦。除了一些部分之外,这个流程看起来非常简单。一旦我们将构建的资产部署到像CloudFront这样的CDN,我们如何将它们连接到Heroku上的index.html文件? (此索引文件是构建的,并从Heroku节点应用程序提供,作为服务器端呈现的基础)。但是我希望它包含到CDN资产的链接,而不是Heroku构建的资产。 (CircleCi运行webpack,Heroku一旦部署就运行了)

有没有人遇到过这个?

1 个答案:

答案 0 :(得分:0)

您可以使用https://github.com/kossnocorp/assets-webpack-plugin之类的东西来创建一个.json文件,该文件包含构建和散列的webpack文件的目录/名称。然后,您可以使用此.json文件来确定您的标记在服务器端生成的html中的外观。

  1. 使用webpack构建客户端软件包,并使用散列文件的名称生成.json文件
  2. 构建服务器端捆绑包。它读取上面的.json文件,并将正确的文件名注入ur html
  3. 中的脚本值
  4. 部署到heroku /上传到cdn