---
title: "Начало работы"
description: "Начните работу с Feature Flags в Adapty для персонализации подписочных потоков."
---

С помощью Adapty вы можете создавать и запускать пейволы и A/B-тесты в разных точках пользовательского пути в мобильном приложении: например, в онбординге, настройках и так далее. Такие точки называются [плейсментами](placements). Один плейсмент может управлять несколькими пейволами или [A/B-тестами](ab-tests) одновременно — каждый из них предназначен для определённой группы пользователей, которую мы называем [аудиторией](audience). Кроме того, вы можете экспериментировать с пейволами, заменяя один на другой без выпуска новой версии приложения. Единственное, что жёстко прописывается в мобильном приложении — это идентификатор плейсмента.

  <img src="/assets/shared/img/audience.jpg"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

Библиотека Adapty поддерживает актуальность вашего пейвола, синхронизируя его с последними продуктами из дашборда Adapty. Она [получает данные о продуктах](ff-action-flow) и [отображает их на пейволе](ff-add-variables-to-paywalls), [обрабатывает покупки](ff-make-purchase) и [проверяет уровень доступа пользователя](ff-check-subscription-status), чтобы определить, следует ли открыть ему платный контент.

Для начала работы [добавьте библиотеку Adapty](ff-getting-started#add-the-adapty-library-as-a-dependency) в свой проект FlutterFlow и [инициализируйте её](ff-getting-started#initiate-adapty-plugin), как показано ниже.

:::warning

Перед началом работы обратите внимание на следующие ограничения:

- Библиотека Adapty для FlutterFlow не поддерживает веб-приложения. Не компилируйте веб-приложения с её использованием.
- Библиотека Adapty для FlutterFlow не поддерживает пейволы, созданные с помощью Paywall Builder. Вам нужно самостоятельно разработать пейвол во FlutterFlow, прежде чем подключать покупки через Adapty.

:::

## Добавление библиотеки Adapty как зависимости \{#add-the-adapty-library-as-a-dependency\}

1. В [FlutterFlow Dashboard](https://app.flutterflow.io/dashboard) откройте свой проект и нажмите **Settings and Integrations** в левом меню. В разделе **Project setup** слева выберите **Project dependencies**.
   

     <img src="/assets/shared/img/main_settings.webp"
     style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
     }}
   />

2. В разделе **FlutterFlow Libraries** нажмите **Add Library** и введите `adapty-xtuel0`. Нажмите **Add**.

3. Теперь нужно привязать ваш SDK-ключ к библиотеке. Нажмите **View details** рядом с библиотекой.

     <img src="/assets/shared/img/ff_view_details.webp"
     style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
     }}
   />

4. Скопируйте **Public SDK key** со вкладки [**App Settings** -> **General**](https://app.adapty.io/settings/general) в дашборде Adapty.

   
     <img src="/assets/shared/FF_img/adaptyapikey.webp"
     style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
     }}
   />
   

5. Вставьте ключ в поле **AdaptyApiKey** во FlutterFlow.

   
     <img src="/assets/shared/img/ff_apikey.webp"
     style={{
    border: '1px solid #727272', /* border width and color */
    width: '400px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
     }}
   />
   

Библиотека Adapty FF будет добавлена в ваш проект как зависимость. В окне библиотеки **Adapty** FF вы найдёте все ресурсы Adapty, импортированные в проект.

## Вызов действия активации при запуске приложения \{#call-the-new-activation-action-at-application-launch\}

1. Перейдите в раздел **Custom Code** в левом меню и откройте `main.dart`.

   
     <img src="/assets/shared/img/ff_dartmain.webp"
     style={{
       border: '1px solid #727272', /* border width and color */
       width: '700px', /* image width */
       display: 'block', /* for alignment */
       margin: '0 auto' /* center alignment */
     }}
   />
   

2. Нажмите **+** и выберите `activate (Adapty)`.

   
     <img src="/assets/shared/img/ff_activate.webp"
     style={{
       border: '1px solid #727272', /* border width and color */
       width: '700px', /* image width */
       display: 'block', /* for alignment */
       margin: '0 auto' /* center alignment */
     }}
   />
   

3. Нажмите **Save**.

## Инициализация плагина Adapty \{#initiate-adapty-plugin\}

Чтобы дашборд Adapty распознал ваше приложение, нужно указать специальный ключ во FlutterFlow.

1. В своём проекте FlutterFlow перейдите в **Settings and Integrations > Permissions** через левое меню.
2. В открывшемся окне **Permissions** нажмите кнопку **Add Permission**.
3. В полях **iOS Permission Key** и **Android Permission Key** введите `AdaptyPublicSdkKey`.
4. В поле **Permission Message** вставьте **Public SDK key** со вкладки [**App Settings** -> **General**](https://app.adapty.io/settings/general) в дашборде Adapty. У каждого приложения свой SDK-ключ, поэтому если у вас несколько приложений, убедитесь, что выбрали нужный.

   
     <img src="/assets/shared/img/ff_permissions.webp"
     style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
     }}
   />
   

После выполнения этих шагов вы сможете вызвать пейвол в своём FlutterFlow-приложении и настроить покупки через него.

## Что дальше? \{#whats-next\}

1. [Создайте action flow](ff-action-flow) для обработки продуктов пейвола Adapty и их данных во FlutterFlow.
2. [Привяжите полученные данные к пейволу](ff-add-variables-to-paywalls), который вы разработали во FlutterFlow.
3. [Настройте кнопку покупки](ff-make-purchase) на пейволе, чтобы транзакции обрабатывались через Adapty при нажатии.
4. Наконец, [добавьте проверку статуса подписки](ff-check-subscription-status), чтобы определять, нужно ли показывать пользователю платный контент.