Add App Check non-Firebase resource snippets (#207)

kevinthecheung · web-flow · commit da7abdba24bf · 2021-07-27T12:54:13.000-07:00
* Add App Check non-Firebase resource snippets

* Pass lint

* npm run snippet

* more lint fixes

* npm run snippets again
diff --git a/appcheck-next/index.js b/appcheck-next/index.js
@@ -63,3 +63,40 @@ function initializeCustomProvider() {
   });
   // [END appcheck_initialize_custom_provider]
 }
+
+function nonFirebase() {
+  const { initializeApp } = require("firebase/app");
+  const app = initializeApp({
+    // Your firebase configuration object
+  });
+  const { ReCaptchaV3Provider } = require('firebase/app-check');
+  const provider = new ReCaptchaV3Provider('');
+
+  // [START appcheck_nonfirebase]
+  const { initializeAppCheck, getToken } = require('firebase/app-check');
+
+  const appCheck = initializeAppCheck(
+      app,
+      { provider: provider } // ReCaptchaV3Provider or CustomProvider
+  );
+
+  const callApiWithAppCheckExample = async () => {
+    let appCheckTokenResponse;
+    try {
+        appCheckTokenResponse = await getToken(appCheck, /* forceRefresh= */ false);
+    } catch (err) {
+        // Handle any errors if the token was not retrieved.
+        return;
+    }
+
+    // Include the App Check token with requests to your server.
+    const apiResponse = await fetch('https://yourbackend.example.com/yourApiEndpoint', {
+        headers: {
+            'X-Firebase-AppCheck': appCheckTokenResponse.token,
+        }
+    });
+
+    // Handle response from your backend.
+  };
+  // [END appcheck_nonfirebase]
+}
diff --git a/appcheck/index.js b/appcheck/index.js
@@ -53,3 +53,24 @@ function initializeCustomProvider() {
   appCheck.activate(appCheckCustomProvider);
   // [END appcheck_initialize_custom_provider]
 }
+
+// [START appcheck_nonfirebase]
+const callApiWithAppCheckExample = async () => {
+  let appCheckTokenResponse;
+  try {
+      appCheckTokenResponse = await firebase.appCheck().getToken(/* forceRefresh= */ false);
+  } catch (err) {
+      // Handle any errors if the token was not retrieved.
+      return;
+  }
+
+  // Include the App Check token with requests to your server.
+  const apiResponse = await fetch('https://yourbackend.example.com/yourApiEndpoint', {
+      headers: {
+          'X-Firebase-AppCheck': appCheckTokenResponse.token,
+      }
+  });
+
+  // Handle response from your backend.
+};
+// [END appcheck_nonfirebase]
diff --git a/snippets/appcheck-next/index/appcheck_nonfirebase.js b/snippets/appcheck-next/index/appcheck_nonfirebase.js
@@ -0,0 +1,32 @@
+// This snippet file was generated by processing the source file:
+// ./appcheck-next/index.js
+//
+// To make edits to the snippets in this file, please edit the source
+
+// [START appcheck_nonfirebase_modular]
+import { initializeAppCheck, getToken } from 'firebase/app-check';
+
+const appCheck = initializeAppCheck(
+    app,
+    { provider: provider } // ReCaptchaV3Provider or CustomProvider
+);
+
+const callApiWithAppCheckExample = async () => {
+  let appCheckTokenResponse;
+  try {
+      appCheckTokenResponse = await getToken(appCheck, /* forceRefresh= */ false);
+  } catch (err) {
+      // Handle any errors if the token was not retrieved.
+      return;
+  }
+
+  // Include the App Check token with requests to your server.
+  const apiResponse = await fetch('https://yourbackend.example.com/yourApiEndpoint', {
+      headers: {
+          'X-Firebase-AppCheck': appCheckTokenResponse.token,
+      }
+  });
+
+  // Handle response from your backend.
+};
+// [END appcheck_nonfirebase_modular]
