error handling and local deployment

Error messages improvement and included local development Function settings.
marcusca10 · Mar 9, 2021 · 08a4b1b · 08a4b1b
1 parent 89789b5
commit 08a4b1b
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 2 deletions.
diff --git a/api/.gitignore b/api/.gitignore
@@ -2,7 +2,7 @@
 ## files generated by popular Visual Studio add-ons.
 
 # Azure Functions localsettings file
-local.settings.json
+//local.settings.json
 
 # User-specific files
 *.suo

diff --git a/api/local.settings.json b/api/local.settings.json
@@ -0,0 +1,19 @@
+{
+  "exclude": [
+    "**/bin",
+    "**/bower_components",
+    "**/jspm_packages",
+    "**/node_modules",
+    "**/obj",
+    "**/platforms"
+  ],
+  "Host": {
+    "CORS": "*"
+  },
+  "IsEncrypted": false,
+  "Values": {
+    "AZUREAD_AUTHORIZED_TENANTS": "[Your tenant ID]",
+    "AZUREAD_AUDIENCE1": "[The registered app ID for the Herbs Catalog API]",
+    "AZUREAD_AUDIENCE2": "[The registered app ID for the Cactus Catalog API]"
+  }
+}
diff --git a/app/src/components/TokenComponent.js b/app/src/components/TokenComponent.js
@@ -213,7 +213,23 @@ class TokenComponent extends Component {
                         },
                         (err) => {
                             this.setState({resultDetails: ''});
-                            this.showMessage('danger', 'Error', err.message)
+                            var message = err.message;
+                            if (err.response) {
+                                switch (err.response.status) {
+                                    case 403:
+                                        message = message + ', verify that you selected the right scope to call the API!';
+                                        break;
+                                    case 500:
+                                        message =  message + ', did you remember to update the Azure Function Configuration?';
+                                        break;
+                                    default:
+                                        break;
+                                    }
+                            }
+                            else {
+                                message = err.message === 'Network Error' ? message + ', did you remember to configure CORS for the Azure Function?' : message;
+                            }
+                            this.showMessage('danger', 'Error', message)
                             console.log(err);
                         }
                     )