官术网_书友最值得收藏!

Viewing the deployed web application

With everything in place, we can now upload our frontend assets to S3. We won't review the actual frontend React code, but if you're curious, you can take a look at that UI code in the GitHub repository at https://github.com/brianz/serverless-design-patterns/tree/master/ch2/ui.

Using the preceding aws s3 cp command, a final production build of the frontend code is uploaded to S3 and ultimately serves the content as requested by the CloudFront CDN. When the first page is rendered, a request is made to our serverless backend to get a listing of all coffee cupping sessions:

A very common issue, and one that people often forget about, is cross-origin resource sharing, which is a security measure put in place by browsers. Our serverless backend was set up to sidestep this issue, making development much quicker. For a real production system, it's best to only allow CORS for your own domain or, better yet, run the serverless backend on your own domain rather than the autogenerated domain from API Gateway. Running the serverless API on your own custom domain is possible using AWS API Gateway, but this is out of the scope of this chapter.

Clicking on a single row, the detail page for the particular session is loaded:

主站蜘蛛池模板: 威远县| 石柱| 通许县| 右玉县| 武定县| 武汉市| 疏附县| 桐乡市| 遂宁市| 鄂伦春自治旗| 庐江县| 石嘴山市| 环江| 临海市| 卢氏县| 阳西县| 旅游| 达拉特旗| 合水县| 丰原市| 沙湾县| 巩留县| 鹤岗市| 宁德市| 定南县| 天台县| 栾城县| 武威市| 涿州市| 太保市| 桃江县| 溧水县| 安国市| 白沙| 英山县| 连城县| 三原县| 安福县| 革吉县| 瑞昌市| 保山市|