AnyDesk

Before writing a line of code, make sure your team understands the boundary. FlutterFlow compiles your app into a Flutter client running on the user's device — it is not a server and it cannot embed a remote-desktop session. AnyDesk does not publish a Flutter SDK, a WebView-embeddable widget, or any way to render a live session inside a third-party app UI. Trying to load anydesk.com in a FlutterFlow WebView widget will not give you a working remote-desktop session — it will show a marketing page or redirect to a download. What you CAN do: launch the AnyDesk native client that is already installed on the device, passing an AnyDesk ID in the anydesk: URI scheme (e.g. anydesk:123456789). The user's AnyDesk app opens in the foreground and connects to that ID. This is a handoff, not an embed — and it is genuinely useful for support workflows. For account/session management data (client list, session history, address book), the AnyDesk REST API at https://v1.api.anydesk.com/ is available on business licenses, but it requires per-request HMAC-SHA1 signing with a secret that must never ship inside your compiled app. That means the API must be called from a backend (Firebase Cloud Function or Supabase Edge Function), not from FlutterFlow directly. Decide right now which scenario you need: (A) deep-link handoff only, or (B) deep link plus management API via a backend proxy. Most teams need only (A). Once you have clarity on the scope, proceed to the next step.

In your FlutterFlow project, click Custom Code in the left navigation panel. Click the + Add button and choose Action from the dropdown. Name the action something descriptive like LaunchAnyDeskSession. In the action editor, scroll down to the Dependencies field and type url_launcher — select the latest stable version from the pub.dev dropdown (at the time of writing, url_launcher 6.x is current; FlutterFlow will show available versions). Click Save after adding the dependency. Now open the Code tab of the action and paste the Dart code shown below. The action accepts one argument: anyDeskId (a String), which is the numeric AnyDesk ID you want to connect to. The code checks whether the anydesk: scheme can be launched on this device (important for iOS — see the tip below), and falls back to opening the AnyDesk download page if the app is not installed. After pasting the code, scroll up in the action editor to define the argument: click + Add Argument → name it anyDeskId → type String → mark it as required. Save the action. FlutterFlow will add the url_launcher package to your project's dependencies automatically — you do not need to run flutter pub get manually. Important: Custom Actions do not execute in FlutterFlow's web builder Run mode. The url_launcher deep link will only fire when you test on a real physical device (use Test on Device or compile an APK/IPA). Do not try to validate this step in the browser preview.

1import 'package:url_launcher/url_launcher.dart';
2
3Future launchAnyDeskSession(String anyDeskId) async {
4  final anyDeskUri = Uri.parse('anydesk:$anyDeskId');
5  final fallbackUri = Uri.parse('https://anydesk.com/en/downloads');
6
7  if (await canLaunchUrl(anyDeskUri)) {
8    await launchUrl(anyDeskUri, mode: LaunchMode.externalApplication);
9  } else {
10    // AnyDesk not installed — open the download page
11    if (await canLaunchUrl(fallbackUri)) {
12      await launchUrl(fallbackUri, mode: LaunchMode.externalApplication);
13    }
14  }
15}

Now connect the deep-link action to a UI element in your FlutterFlow canvas. If you do not already have a screen for this feature, create one — for example, a 'Remote Support' screen with a Text widget showing the AnyDesk ID and a Button widget labelled 'Launch AnyDesk.' Click the Button widget on the canvas to select it, then open the Actions panel on the right side of the editor (the lightning bolt icon). Click + Add Action. In the action chooser dialog, scroll to the Custom section and select LaunchAnyDeskSession. You will see a field for the anyDeskId argument. For the ID value, you have two options: (1) If the AnyDesk ID is stored in a Firestore document or Supabase row for this client, use a backend query to fetch it and bind the Text widget + the action argument to the same database field. (2) If the user types the ID manually, add a TextField to the screen, store its value in a Page State variable, and bind the action argument to that variable. Set the argument binding to whichever data source applies, then click Confirm. The button is now wired. To test, compile the app to a physical Android or iOS device using FlutterFlow's Test on Device option. Tap the button — if AnyDesk is installed, it should open immediately; if not, the browser opens the AnyDesk download page.

If your use-case requires reading AnyDesk account data — session history, address book, connected clients — inside the FlutterFlow app, you need the AnyDesk REST API. Every request to https://v1.api.anydesk.com/ must include a timestamp and an HMAC-SHA1 signature computed from your License ID and API password. Because the API password is a secret that must never ship in a compiled Flutter app, you cannot call the AnyDesk API directly from a FlutterFlow API Call or a Custom Action. You must route these calls through a backend function. In your Firebase console, go to Functions and create a new Cloud Function (Node.js). The function accepts the endpoint path and any query parameters from your FlutterFlow app, computes the HMAC signature server-side using your AnyDesk License ID and API password stored as environment variables (via firebase functions:config:set or Secret Manager), and forwards the signed request to the AnyDesk API. The response is passed back to FlutterFlow as plain JSON. Once deployed, note your Cloud Function's HTTPS URL. Back in FlutterFlow, go to API Calls in the left nav → + Add → Create API Group. Name it AnyDeskProxy, set the base URL to your Cloud Function URL. Add an API Call inside the group (e.g., GET /sessions) and define any parameters your function accepts. Under Response & Test, paste a sample JSON response from AnyDesk's documentation and click Generate JSON Paths to let FlutterFlow extract the fields automatically. Bind those fields to your UI widgets as usual. This pattern keeps your AnyDesk API password completely off the client. If you would rather skip building the Cloud Function yourself, RapidDev's team builds FlutterFlow integrations like this every week — free scoping call at rapidevelopers.com/contact.

1// Firebase Cloud Function (Node.js) — AnyDesk REST API proxy
2const functions = require('firebase-functions');
3const crypto = require('crypto');
4const fetch = require('node-fetch');
5
6exports.anyDeskProxy = functions.https.onRequest(async (req, res) => {
7  res.set('Access-Control-Allow-Origin', '*');
8  if (req.method === 'OPTIONS') { res.status(204).send(''); return; }
9
10  const licenseId = process.env.ANYDESK_LICENSE_ID;
11  const apiPassword = process.env.ANYDESK_API_PASSWORD;
12  const endpoint = req.query.endpoint || '/clients';
13
14  const timestamp = Math.floor(Date.now() / 1000).toString();
15  const signBase = `${licenseId}:${timestamp}:${apiPassword}`;
16  const signature = crypto
17    .createHash('sha1')
18    .update(signBase)
19    .digest('hex');
20
21  const apiUrl = `https://v1.api.anydesk.com${endpoint}`;
22  const response = await fetch(apiUrl, {
23    headers: {
24      'Authorization': `AnyDesk ${licenseId}:${timestamp}:${signature}`,
25      'Content-Type': 'application/json'
26    }
27  });
28
29  const data = await response.json();
30  res.status(response.status).json(data);
31});