Skip to content

Commit

Permalink
Add mobile docs
Browse files Browse the repository at this point in the history
  • Loading branch information
andregoncalvesdev committed Oct 24, 2024
1 parent 2fd01a2 commit 0ffd027
Showing 1 changed file with 21 additions and 0 deletions.
21 changes: 21 additions & 0 deletions docs/mobile.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
---
sidebar_position: 13
---

# Mobile

When integrating Topper on a mobile app, or either you open Topper on a **user's browser**, where no extra configuration is required, or embed it in a **WebView**.

When embedding on a **WebView**, please ensure the following:

- set the correct parameters referenced on [Single Sign-On](./single-sign-on.md#mobile-app) and [Digital Wallets](./digital-wallets.md#mobile-app).
- configure the **WebView** to support **Cloudflare Turnstile**.
- configure camera and audio app permissions to support **Veriff**.

## Cloudflare Turnstile

We use **Clouflare Turnstile** to confirm users are real and to block unwanted bots without slowing down the experience, so please be sure to follow this [Webview configurations](https://developers.cloudflare.com/turnstile/get-started/mobile-implementation/#webview-configurations) and [update the allowed origins](https://developers.cloudflare.com/turnstile/get-started/mobile-implementation/#update-allowed-origins) to account for `challenges.cloudflare.com, about:blank, about:srcdoc` and enable `https` and `http` connections.

If you use `react-native-webview` package update your **WebView** `originWhitelist` as `originWhitelist={['https://*', 'http://*', 'about:blank', 'about:srcdoc']}`.

If you use Flutter, Turnstile is [compatible and tested](https://developers.cloudflare.com/turnstile/get-started/mobile-implementation/#use-flutter-with-turnstile) with Flutter’s **WebView** implementation.

0 comments on commit 0ffd027

Please sign in to comment.