Adding hosting static files straight from S3

domderen · domderen · commit ecf3fbaf7699 · 2015-08-13T10:12:53.000+01:00
diff --git a/.eslintignore b/.eslintignore
@@ -1,6 +1,7 @@
 public/bundle
 src/bundles
 dist
+dist_static
 node_modules
 lambda
 testinglambda.js
diff --git a/circle.yml b/circle.yml
@@ -6,6 +6,7 @@
       LAMBDA_BUCKET_NAME: react-lambda-example/lambda_versions
       STATIC_BUCKET_NAME: react-lambda-example/static_versions
       AWS_REGION: us-east-1
+      AWS_STATIC_DOMAIN: http://react-lambda-example.s3-website-us-east-1.amazonaws.com/static_versions/
   test:
     override:
       -
diff --git a/src/components/HtmlDocument/HtmlDocument.js b/src/components/HtmlDocument/HtmlDocument.js
@@ -37,6 +37,18 @@ class HtmlDocument extends React.Component {
   }
 
   render() {
+    const awsHost = (process.env.AWS_STATIC_DOMAIN || '');
+    const buildNumber = (process.env.CIRCLE_BUILD_NUM || '');
+    let domainUrl = '';
+
+    if(awsHost && buildNumber) {
+      domainUrl = `${awsHost}/${buildNumber}/`;
+    }
+
+    console.log('AWS HOST: ', awsHost);
+    console.log('BUILD NUMBER: ', buildNumber);
+    console.log('DOMAIN URL: ', buildNumber);
+    
     const { markup, script, css } = this.props;
 
     return (
@@ -49,7 +61,7 @@ class HtmlDocument extends React.Component {
           <title>React-Lambda-Example</title>
 
           { /* Listing all css files from webpack. */ }
-          { css.map((href, k) => <link key={k} rel="stylesheet" href={href.substring(1)} />) }
+          { css.map((href, k) => <link key={k} rel="stylesheet" href={domainUrl + href} />) }
         </head>
 
         <body>
@@ -60,7 +72,7 @@ class HtmlDocument extends React.Component {
           <script dangerouslySetInnerHTML={{ __html: 'window.app=' + JSON.stringify(this.props.dataRender) + ';' }} />
 
           { /* Adds all scripts from webpack. */ }
-          { script.map((src, k) => <script key={k} src={src.substring(1)} />) }
+          { script.map((src, k) => <script key={k} src={domainUrl + src} />) }
         </body>
       </html>
     );

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,7 @@`
`6`	`6`	`LAMBDA_BUCKET_NAME: react-lambda-example/lambda_versions`
`7`	`7`	`STATIC_BUCKET_NAME: react-lambda-example/static_versions`
`8`	`8`	`AWS_REGION: us-east-1`
	`9`	`+ AWS_STATIC_DOMAIN: http://react-lambda-example.s3-website-us-east-1.amazonaws.com/static_versions/`
`9`	`10`	`test:`
`10`	`11`	`override:`
`11`	`12`	`-`