Skip to content

Commit d02852f

Browse files
committed
docs: add app check
1 parent ef04e79 commit d02852f

File tree

4 files changed

+31
-3
lines changed

4 files changed

+31
-3
lines changed

docs/.vitepress/config.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -234,6 +234,10 @@ function sidebarNuxt(): SidebarGroup {
234234
text: 'Authentication',
235235
link: '/nuxt/auth',
236236
},
237+
{
238+
text: 'App Check',
239+
link: '/nuxt/app-check',
240+
},
237241
{
238242
text: 'Server Side Rendering',
239243
link: '/nuxt/ssr',

docs/guide/app-check.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Firebase App Check
22

3-
[Firebase App Check](https://firebase.google.com/docs/app-check) helps protect your API resources from abuse by preventing unauthorized clients from accessing your backend resources. It works with both Firebase services, Google Cloud services, and your own APIs to keep your resources safe.
3+
[Firebase App Check](https://firebase.google.com/docs/app-check#web) helps protect your API resources from abuse by preventing unauthorized clients from accessing your backend resources. It works with both Firebase services, Google Cloud services, and your own APIs to keep your resources safe.
44

55
## Installation
66

@@ -19,7 +19,7 @@ app.use(VueFire, {
1919
})
2020
```
2121

22-
In order to use App Check you need to enable it in the Firebase Console > App Check. You also need to setup [a reCAPTCHA provider](https://firebase.google.com/docs/app-check), then provide it in the `VueFireAppCheck` module:
22+
In order to use App Check you need to enable it in the Firebase Console > App Check. You also need to setup [a reCAPTCHA provider](https://firebase.google.com/docs/app-check#web), then provide it in the `VueFireAppCheck` module:
2323

2424
```ts{2,9}
2525
import { VueFire, VueFireAuth } from 'vuefire'

docs/nuxt/app-check.md

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# App Check
2+
3+
Nuxt VueFire integrates with [Firebase App Check](https://firebase.google.com/docs/app-check#web) by specifying the `appCheck` option in `nuxt.config.ts`:
4+
5+
```ts{4-10}
6+
export default defineNuxtConfig({
7+
// ...
8+
vuefire: {
9+
appCheck: {
10+
debug: process.env.NODE_ENV !== 'production',
11+
isTokenAutoRefreshEnabled: true,
12+
provider: 'ReCaptchaV3',
13+
// Find the instructions in the Firebase documentation, link above
14+
key: '...',
15+
},
16+
},
17+
})
18+
```
19+
20+
You can find more information in the [VueFire App Check documentation](/guide/app-check).
21+
22+
## Debug Tokens
23+
24+
Instead of specifying `debug: true`, you can specify a debug token [using Environment variables](https://vuefire.vuejs.org/nuxt/environment-variables.html#AppCheck).

docs/nuxt/getting-started.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ echo service-account.json >> .gitignore
8484

8585
### Additional configuration
8686

87-
If you are using the [Authentication](https://firebase.google.com/docs/auth) module or [AppCheck](https://firebase.google.com/docs/app-check), make sure to enable them as well:
87+
If you are using the [Authentication](https://firebase.google.com/docs/auth) module or [AppCheck](https://firebase.google.com/docs/app-check#web), make sure to enable them as well:
8888

8989
```ts{5,6-13}
9090
export default defineNuxtConfig({

0 commit comments

Comments
 (0)