(Section 11 of Course: AWS & Typescript Masterclass - CDK, Serverless, React)

94-97

(95) Deployment to S3 and Cloudfront

// create bucket

this.deploymentBucket = new Bucket(

this.stack,

'space-app-web-id', {

bucketName: bucketName,

publicReadAccess: true,

websiteIndexDocument: 'index.html'

}

);

new CfnOutput(this.stack, 'spaceFinderWebAppS3Url', {

value: this.deploymentBucket.bucketWebsiteUrl

});

 

// upload build folder to the bucket

new BucketDeployment(

this.stack,

'space-app-web-id-deployment', {

destinationBucket: this.deploymentBucket,

sources: [

Source.asset(

join(__dirname, '..', '..', 'space-finder-frontend', 'build')

)

]

}

);

 

// cloudfront

const cloudFront = new CloudFrontWebDistribution(

this.stack,

'space-app-web-destribution', {

originConfigs:[

{

behaviors: [{isDefaultBehavior: true}],

s3OriginSource: {s3BucketSource: this.deploymentBucket}

}

]

}

);

new CfnOutput(this.stack, 'spaceFinderWebAppCloudFrontUrl', {

value: cloudFront.distributionDomainName

})

-> bucket does not require https

?? can a public bucket handle https?

?? does the bucket still need to be public, if it's going through CloudFront anyway?

-> cloudfront has https

(97) Exploring the finished app

https://github.com/barosanuemailtest/space-finder-backend.git

https://github.com/barosanuemailtest/space-finder-frontend.git

API integration with CORS

const optionsWithCors: ResourceOptions = {

defaultCorsPreflightOptions: {

allowOrigins: Cors.ALL_ORIGINS,

allowMethods: Cors.ALL_METHODS,

}

}

 

const spaceResource = this.api.root.addResource('spaces', optionsWithCors);

spaceResource.addMethod('POST', this.spacesTable.createLambdaIntegration, optionsWithAuthorizer);

...

?? did this move out of the lambdas?

• no

?? is the one in the lambda now redundant?

• [ ] todo: find out