Updated Amplify config with API Gateway region setting and added CORS headers to API 4xx and 5xx responses

Author: justonian

Auth/2_ServerlessAPI/Optional-APIGateway-IAMAuth.md

@@ -112,9 +112,9 @@ Now that you've deployed the new authorizer configuration to production, all API
 
 13. Return to your Wild Rydes app, sign in at */signin* if necessary, and attempt to request a ride.
 
-14. You should receive an *Error finding unicorn*. If you open the developer console, you will see that we received a HTTP 401 error, which means it was an unauthorized request. To authenticate our requests properly, we need to send an Authorization header.
+14. You should receive an *Error finding unicorn*. If you open the developer console, you will see that we received a HTTP 401 error, which means it was an unauthorized request.
 
-	> If you at first still that you requests go through without any errors, try requesting a ride again in 30-60 seconds to allow the API Gateway changes to fully propagate.
+	> If at first your requests go through without any errors, try requesting a ride again in 30-60 seconds to allow time for the API Gateway changes to fully propagate.
 
 15. Go back to Cloud9 and open the */website/src/pages/MainApp.js* files.
 

Auth/2_ServerlessAPI/ServerlessBackend.yaml

@@ -240,6 +240,24 @@ Resources:
                   application/json: "{\"statusCode\": 200}"
                 passthroughBehavior: "when_no_match"
                 type: "mock"
+  
+  GatewayResponse:
+    Type: AWS::ApiGateway::GatewayResponse
+    Properties:
+      ResponseParameters:
+        gatewayresponse.header.Access-Control-Allow-Origin: "'*'"
+        gatewayresponse.header.Access-Control-Allow-Headers: "'*'"
+      ResponseType: DEFAULT_4XX
+      RestApiId: !Ref WildRydesApi
+
+  GatewayResponse:
+    Type: AWS::ApiGateway::GatewayResponse
+    Properties:
+      ResponseParameters:
+        gatewayresponse.header.Access-Control-Allow-Origin: "'*'"
+        gatewayresponse.header.Access-Control-Allow-Headers: "'*'"
+      ResponseType: DEFAULT_5XX
+      RestApiId: !Ref WildRydesApi
 
   WildRydesApiDeployment:
     Type: AWS::ApiGateway::Deployment

Auth/website/src/amplify-config.js

@@ -5,22 +5,23 @@
 
 const awsConfig = {
     Auth: {
-        identityPoolId: '', // EXAMPLE: 'us-east-1:5109bd6b-38ab-4429-89f8-e74d93656224'
-        region: '', // EXAMPLE: 'us-east-1'
-        userPoolId: '', // EXAMPLE: 'us-east-1_bgZVERFot'
-        userPoolWebClientId: '' // EXAMPLE: '4lu058ri9ntkfrv99aa2taeu01'
+        identityPoolId: '', // example: 'us-east-2:c85f3c18-05fd-4bb5-8fd1-e77e7627a99e'
+        region: '', // example: 'us-east-2'
+        userPoolId: '', // example: 'us-east-2_teEUQbkUh'
+        userPoolWebClientId: '' // example: '3k09ptd8kn8qk2hpk07qopr86'
     },
     API: {
         endpoints: [
             {
                 name: 'WildRydesAPI',
-                endpoint: '' // EXAMPLE: https://1ngrgqjt6c.execute-api.us-east-1.amazonaws.com/prod
+                endpoint: '', // example: 'https://u8swuvl00f.execute-api.us-east-2.amazonaws.com/prod'
+                region: '' // example: 'us-east-2'
             }
         ]
     },
     Storage: {
-        bucket: '', //EXAMPLE: Amazon S3 bucket 'wildrydes-profile-images'
-        region: '', // EXAMPLE: 'us-east-1'
+        bucket: '', //example: 'wildrydesbackend-profilepicturesbucket-1wgssc97ekdph'
+        region: '' // example: 'us-east-2'
     }
 }