Продажа покупок в приложении (IAP)

1📥 Получите руководство и рабочее демо-приложение#

Всё из этого руководства есть и в PDF, который можно читать офлайн, а также полное демо-приложение, которое можно собрать и запустить сегодня.

Нажмите ниже, и оба файла сохранятся на телефон в Downloads/AppMint/Guides:

• AppMint-InApp-Purchases-Guide.pdf — полное руководство, включая шаги в Play Console и примеры для React / Next.js
• iap-demo-index.html — небольшая игра, продающая три вещи: удаление рекламы (разово), набор уровней (разово) и ежемесячный сезонный пропуск

Чтобы попробовать демо: заархивируйте один файл iap-demo-index.html, загрузите его в мастер и следуйте руководству. Это самый быстрый способ увидеть, как настоящая покупка работает от начала до конца, прежде чем браться за своё приложение.

2Что это? (простыми словами)#

Ваше приложение может продавать, например, Pro-версию, дополнительные уровни или подписку, а Google собирает деньги и переводит их вам каждый месяц.

МЫ ВМЕСТЕ СОБЕРЁМ ОДИН ПРИМЕР на протяжении всего этого руководства:

A game that sells two things
  • 'Levels 11-20'      ₹99  paid once, kept forever
  • 'Remove ads'        ₹49  every month

В итоге вы добавите на страницу четыре строки. Это вся работа: писать код покупки не нужно, и даже если вы никогда этого не делали, всё получится.

Вам НЕ нужно уметь программировать сверх копирования и вставки, и НЕ нужны ни сервер, ни база данных, ни аккаунт платёжной компании. Самое сложное делает Google Play:

• Показывает платёжный экран (карта / UPI / оплата через оператора)
• Переводит вашу цену в валюту каждой страны
• Помнит, кто что купил, даже после переустановки
• Переводит деньги на ваш банковский счёт

AppMint берёт 0%: продажа идёт прямо на ВАШ аккаунт Google Play.

Работает одинаково для «Сайт в APK», «ZIP в APK» и приложений, созданных ИИ.

3Что нужно перед началом#

Всего четыре вещи:

1. Ваш сайт или приложение HTML/ZIP (то, что вы превращаете в APK).
2. Что продавать: решите, что получат покупатели (например, «Pro-версия»: без ограничений, дополнительный контент).
3. Аккаунт разработчика Google Play: разовый взнос $25 на play.google.com/console. Он нужен, чтобы опубликовать ЛЮБОЕ приложение в Play Store, а не только платное.
4. Всего около 1 часа, распределённого по шагам ниже.

Важно знать заранее: покупки в приложении работают только когда приложение установлено ИЗ Play Store. Это правило Google для всех, а не ограничение AppMint.

4Шаг 1 — Придумайте идентификатор продукта#

Идентификатор продукта — это короткое имя, которое вы придумываете для того, что продаёте. Позже вы введёте это же имя в двух местах (на странице и в Play Console), поэтому сделайте его простым и запишите.

Правила: только строчные буквы, цифры и подчёркивания. Должен начинаться с буквы или цифры.

Скопируйте один из вариантов:

• pro_unlock — улучшение до «Pro-версии» (хороший вариант по умолчанию, код ниже уже его использует)
• remove_ads — улучшение без рекламы
• level_pack_2 — набор дополнительного контента
• coins_100 — набор игровой валюты
• premium_monthly — ежемесячная подписка

Цена НЕ входит в идентификатор: вы зададите её на шаге 5 и сможете менять в любой момент, не трогая код.

5Шаг 2 — Разметьте кнопку (писать код не нужно)#

Вам НЕ нужно писать код покупки. Движок покупок уже есть в вашем приложении: вы просто размечаете свой HTML, чтобы он знал, что продавать.

Скопируйте блок ниже на свою страницу и измените только:

(1) pro_unlock → идентификатор вашего продукта в data-iap-buy
(2) слова на кнопке и внутри платного раздела

Вот и всё. Кнопка показывает настоящую цену Google в валюте покупателя, при нажатии открывает платёжный экран Google, после оплаты показывает платный раздел (и при каждом запуске для тех, кто уже купил), забирает его обратно, если подписка закончилась или платёж возвращён, и показывает понятное сообщение, если что-то пошло не так.

ЧЕТЫРЕ ПОДПИСИ:

• data-iap-buy="id" — делает этот элемент кнопкой покупки (обязательно)
• data-iap-label="…{price}…" — текст кнопки; {price} заменяется настоящей ценой от Google
• data-iap-owned="…" — текст кнопки после покупки
• data-iap-show — раздел, который появляется только после покупки (изначально задайте ему 'hidden')

Также доступно: data-iap-hide (исчезает после покупки), data-iap-container (контейнер, который появляется только внутри приложения), data-iap-text (добавьте его к <span> с текстом, если на кнопке есть ещё и значки).

ПРОДАЁТЕ НЕСКОЛЬКО РАЗНЫХ ВЕЩЕЙ? Добавьте кнопку для каждой. Они независимы: приложение может убирать рекламу И продавать наборы уровней И вести подписку, а покупка одного никогда не влияет на остальные. Привязать раздел к одному продукту можно через data-iap-show="level_pack_2".

Рекламу отключают только идентификаторы, которые вы введёте в «Удалить рекламу (IAP) → Product ID». Всё остальное, что вы продаёте, открывает то, что с этим делает ваша страница, а реклама продолжает показываться.

ДВА ТАРИФА НА ОДНО И ТО ЖЕ (месяц и навсегда)? Дайте обеим кнопкам одинаковый data-iap-group="adfree": тогда покупка любого скроет другой, и никто не заплатит дважды. Без группы ничего не скрывается, а это нужно для несвязанных продуктов.

<!-- (1) CHANGE pro_unlock to your product ID -->
<button data-iap-buy="pro_unlock"
        data-iap-label="Unlock Pro — {price}"
        data-iap-owned="✓ Unlocked">
  Unlock Pro
</button>

<!-- (2) CHANGE the words. Appears only after buying. -->
<div data-iap-show hidden>
  🎉 Pro content here — visible after buying.
</div>

<!-- Optional: disappears after buying -->
<div data-iap-hide>
  Upgrade to remove the ads.
</div>

<!-- DIFFERENT THINGS: independent — buying one never affects the others -->
<button data-iap-buy="remove_ads"   data-iap-label="Remove ads — {price}">Remove ads</button>
<button data-iap-buy="level_pack_2" data-iap-label="Levels 11-20 — {price}">Get levels</button>

<div data-iap-show="level_pack_2" hidden>Levels 11-20 unlocked!</div>

<!-- SAME THING, TWO PLANS: one group, so buying either hides the other -->
<button data-iap-buy="remove_ads_monthly"  data-iap-group="adfree"
        data-iap-label="Remove ads — {price}/month"
        data-iap-owned="✓ Ad-free (monthly)">Remove ads monthly</button>

<button data-iap-buy="remove_ads_lifetime" data-iap-group="adfree"
        data-iap-label="Remove ads forever — {price}"
        data-iap-owned="✓ Ads removed forever">Remove ads forever</button>

64 вещи, которые обычно продают#

Выберите подходящий вариант. Разница только в том, где вы создаёте продукт в Play Console, а код вашей страницы каждый раз одинаковый.

1. УДАЛИТЬ РЕКЛАМУ, ОПЛАТА ОДИН РАЗ (навсегда)

Создайте его в разделе: «Продукты в приложении»
Также введите идентификатор в: Удалить рекламу (IAP) → Product ID

1. УДАЛИТЬ РЕКЛАМУ, ЕЖЕМЕСЯЧНО

Создайте его в разделе: «Подписки»
Также введите идентификатор в: Удалить рекламу (IAP) → Product ID

1. ОТКРЫТЬ УРОВНИ / КОНТЕНТ, ОПЛАТА ОДИН РАЗ

Создайте его в разделе: «Продукты в приложении»
НЕ вводите его в поле «Удалить рекламу», иначе реклама продолжит работать.

1. ОТКРЫТЬ УРОВНИ / КОНТЕНТ, ЕЖЕМЕСЯЧНО

Создайте его в разделе: «Подписки»
НЕ вводите его в поле «Удалить рекламу», иначе реклама продолжит работать.

В одном приложении можно продавать ВСЕ ЧЕТЫРЕ вида продуктов и сколько угодно товаров. Покупка одного никак не влияет на остальные.

<!-- 1. remove ads, paid once -->
<button data-iap-buy="remove_ads_lifetime"
        data-iap-label="Remove ads forever — {price}"
        data-iap-owned="✓ Ads removed">Remove ads forever</button>

<!-- 2. remove ads, monthly -->
<button data-iap-buy="remove_ads_monthly"
        data-iap-label="Remove ads — {price}/month"
        data-iap-owned="✓ Ad-free">Remove ads monthly</button>

<!-- 3. levels, paid once -->
<button data-iap-buy="level_pack_2"
        data-iap-label="Levels 11-20 — {price}"
        data-iap-owned="✓ Unlocked">Get levels 11-20</button>

<!-- 4. all levels, monthly -->
<button data-iap-buy="all_levels_monthly"
        data-iap-label="All levels — {price}/month"
        data-iap-owned="✓ Subscribed">Subscribe</button>

7Какие покупки убирают рекламу?#

Именно здесь люди чаще всего ошибаются, поэтому стоит потратить на это 30 секунд.

Ваша реклама НЕ является частью веб-страницы. Это настоящая реклама Android поверх неё, поэтому ничто на вашей странице не может её отключить. Это может сделать только ОДНО:

wizard Step 3 → Remove Ads (IAP) → Product ID

Любой идентификатор, введённый в это поле, убирает рекламу при покупке. Все остальные продаваемые идентификаторы просто открывают то, что с ними делает ваша страница, а реклама продолжает показываться.

Продаёте и тариф без рекламы, И наборы уровней? В это поле введите только идентификатор тарифа без рекламы. В нашем примере:

Product ID box:  remove_ads_monthly
NOT in the box:  level_pack_2

Предлагаете два тарифа без рекламы (ежемесячный И пожизненный)? Поместите оба в это одно поле через запятую: владение любым из них убирает рекламу:

remove_ads_monthly,remove_ads_lifetime

Совсем не продаёте отключение рекламы? Оставьте этот переключатель полностью выключенным и просто используйте «💰 Продавать товары в приложении».

Selling levels only:
  Remove Ads (IAP)          OFF
  Sell In-App Products      ON

Selling ad removal only:
  Remove Ads (IAP)          ON   → Product ID: remove_ads_monthly
  Sell In-App Products      ON

Selling both, with two ad-free plans:
  Remove Ads (IAP)          ON   → Product ID: remove_ads_monthly,remove_ads_lifetime
  Sell In-App Products      ON
  (level_pack_2 stays out of the box)

8Полный пример — обычная HTML-страница#

Вот всё наше приложение-пример: разово продаёт «Уровни 11–20» и ежемесячно «Убрать рекламу». Скопируйте его, измените два идентификатора и тексты, и готово.

Посмотрите, что делает каждая подпись:

• data-iap-buy → что продаёт эта кнопка
• data-iap-label → текст; {price} заменяется настоящей ценой от Google
• data-iap-owned → текст после оплаты
• data-iap-show="level_pack_2" → этот блок появляется только после покупки ИМЕННО этого продукта
• data-iap-hide → этот блок исчезает, как только что-либо куплено

Обратите внимание: здесь нет <script> и нет кода покупки. Он уже есть в вашем приложении.

<h2>Get more levels</h2>

<button data-iap-buy="level_pack_2"
        data-iap-label="Levels 11-20 — {price}"
        data-iap-owned="✓ Levels 11-20 unlocked">
  Levels 11-20
</button>

<div data-iap-show="level_pack_2" hidden>
  🎉 Levels 11 to 20 are yours. Have fun!
</div>


<h2>Tired of ads?</h2>

<button data-iap-buy="remove_ads_monthly"
        data-iap-label="Remove ads — {price}/month"
        data-iap-owned="✓ No more ads">
  Remove ads
</button>

<div data-iap-hide>
  Ads help keep this game free.
</div>

9Полный пример — React или Next.js#

ПРОСТОЙ СПОСОБ: те же самые подписи работают в React и Next.js, потому что это просто разметка. Без useState, без useEffect, без 'use client'. Кнопки, которые React добавляет позже, подхватываются автоматически.

Большинству приложений этого достаточно: используйте первый блок ниже и остановитесь на нём.

УПРАВЛЯЕМЫЙ СПОСОБ (второй блок): только если вы хотите, чтобы сам React рисовал цену и переключал экран. Тогда:

• В Next.js добавьте 'use client' первой строкой файла, иначе сборка завершится ошибкой.
• Обращайтесь к window.AppMintIAP только внутри useEffect: в теле компонента код выполняется на сервере, где window не существует.
• onChange сразу отдаёт состояние и снова при каждом изменении, а также возвращает функцию отписки, которую ждёт React.
• В Next.js собирайте как статический экспорт: output: 'export' в next.config.js.

// ── EASY WAY — just JSX, nothing else ──────────────────────────
export default function Shop() {
  return (
    <>
      <button data-iap-buy="level_pack_2"
              data-iap-label="Levels 11-20 — {price}"
              data-iap-owned="✓ Unlocked">Levels 11-20</button>

      <div data-iap-show="level_pack_2" hidden>🎉 Levels 11-20 are yours!</div>
    </>
  );
}


// ── CONTROLLED WAY — React draws everything ───────────────────
'use client';                       // Next.js: must be line 1
import { useEffect, useState } from 'react';

export default function Shop() {
  const [iap, setIap] = useState({ available: false, products: {} });

  useEffect(() => {
    if (typeof window === 'undefined' || !window.AppMintIAP) return;
    window.AppMintIAP.start({
      plans: [{ id: 'level_pack_2' }, { id: 'remove_ads_monthly' }]
    });
    return window.AppMintIAP.onChange(setIap);
  }, []);

  if (!iap.available) return null;   // outside the app there is nothing to buy

  const levels = iap.products?.level_pack_2;   // always optional-chain
  return levels?.owned
    ? <p>🎉 Levels 11-20 are yours!</p>
    : <button onClick={() => window.AppMintIAP.buy('level_pack_2')}>
        Levels 11-20 {levels?.price}
      </button>;
}

10Быстрая проверка в браузере#

Откройте свою страницу в обычном браузере (Chrome на компьютере или телефоне).

Вы должны увидеть кнопку покупки, которая ничего не делает, и платный раздел по-прежнему скрыт. Оба результата верны: вне приложения нечего покупать, поэтому случайно ничего купить нельзя.

Внутри приложения это совсем другая страница: кнопка получает настоящую цену, открывает платёжный экран Google и скрывается, как только покупатель владеет продуктом. Ваш сайт при этом продолжает нормально работать для обычных посетителей.

Хотите, чтобы предложение полностью исчезало в вебе? Оберните его в <div data-iap-container hidden>: этот контейнер показывается только внутри приложения.

11Шаг 3 — Включите покупки в МАСТЕРЕ#

⚠️ НЕ ПРОПУСКАЙТЕ ЭТО. Если пропустить, кнопки всё равно появятся, но каждое нажатие будет отвечать «Покупки в приложении в этом приложении не включены», и вы не получите денег.

МАСТЕР — это экраны «Шаг 1 → Шаг 2 → Шаг 3», на которых вы собираете приложение. Покупки находятся в ШАГЕ 3 МАСТЕРА.

ДЕЛАЙТЕ ПО ПОРЯДКУ:

1. Откройте мастер и перейдите на ШАГ 3 МАСТЕРА (экран с рекламой, уведомлениями и разрешениями).

STEPPER STEP 3 — what to set

  Ads ......................... ON  (needed to see the card below)
  💰 Sell In-App Products ..... ON  ← REQUIRED for selling anything

  Selling ad removal too?
  Remove Ads (IAP) ............ ON
  Play Store Product ID ....... remove_ads_monthly
         (two plans) .......... remove_ads_monthly,remove_ads_lifetime
  License Key ................. paste from Play Console

  Export ...................... AAB  (not APK)

12Шаг 4 — Разместите приложение в Google Play#

В вашем Play Console (сайт, где разработчики управляют своими приложениями):

1. «Создать приложение» → заполните название и основные вопросы.
2. В левом меню: «Тестирование» → «Внутреннее тестирование» → «Создать новый релиз» → загрузите файл AAB → «Сохранить» и запустите выпуск.
3. По-прежнему во внутреннем тестировании → вкладка «Тестеры» → добавьте свой Gmail → скопируйте ссылку-приглашение «join» на потом.

Внутреннее тестирование — это закрытая область: никто пока не видит ваше приложение. Она нужна, чтобы ВЫ могли проверить покупки до публикации.

Открыть Play Console →

13Шаг 5 — Создайте продукт и задайте цену#

Теперь расскажите Google, что вы продаёте. Какое меню использовать, зависит от того, платят один раз или каждый месяц.

ОПЛАТА ОДИН РАЗ (уровни, Pro, монеты, удаление рекламы навсегда)

1. Play Console → ваше приложение → «Монетизация» → «Продукты» → «Продукты в приложении».
2. «Создать продукт».
3. Product ID: введите ТОЧНО тот же идентификатор, что на вашей странице: level_pack_2. То же написание, тот же регистр. Google никогда не позволяет изменить или использовать его повторно.
4. Название: то, что видят покупатели, например «Уровни 11–20». Описание: одна строка.
5. Задайте цену в своей валюте: Google пересчитает её для каждой страны.
6. Нажмите «Активировать».

КАЖДЫЙ МЕСЯЦ (удаление рекламы ежемесячно, подписка на все уровни)

1. Play Console → «Монетизация» → «Продукты» → «Подписки».
2. «Создать подписку». Product ID: remove_ads_monthly.
3. Сохраните, затем добавьте БАЗОВЫЙ ПЛАН: тип «Auto-renewing», период оплаты «Monthly», ваша цена.
4. Нажмите «Активировать» и на базовом плане, И на самой подписке. Если пропустить хоть одно, приложение её не увидит.

Повторите для каждого использованного идентификатора. Код вашей страницы не меняется: приложение само спрашивает у Google, какого вида каждый идентификатор.

ХОТИТЕ ЕЖЕМЕСЯЧНО *И* ЕЖЕГОДНО? Создайте ДВЕ отдельные подписки (all_levels_monthly и all_levels_yearly), а не два базовых плана в одной подписке. Одна подписка с несколькими базовыми планами всегда предлагает первый, и выбрать другой нельзя.

Цену можно изменить позже в Play Console: приложение само покажет новую цену, пересборка не нужна.

14Шаг 6 — Проверьте (деньги не спишутся)#

1. Play Console → левое меню «Настройка» → «Лицензионное тестирование» → добавьте свой Gmail в список тестеров.
2. На телефоне откройте ссылку-приглашение внутреннего тестирования из шага 4, примите её и установите приложение ИЗ Play Store.
3. Откройте приложение. Ваша кнопка покупки появится с настоящей ценой.
4. Нажмите на неё: откроется платёжный экран Google с надписью «Test card, always approves». Купите продукт. Появится ваш платный контент. Вы ничего не платите.
5. Дополнительная проверка: удалите и заново установите приложение, и платный контент откроется сам при запуске. Это Google восстанавливает покупку.

⚠️ Если вы устанавливаете APK напрямую (вручную), а не из Play Store, кнопка покупки НЕ появится. Это нормально: всегда проверяйте через ссылку Play Store.

15Шаг 7 — Опубликуйте и получайте деньги#

1. Когда тестирование прошло хорошо: Play Console → «Производство» → создайте релиз с тем же AAB → запустите выпуск. (Новые приложения проходят проверку Google, обычно несколько дней.)
2. Пользователи покупают внутри вашего приложения → деньги собирает Google.
3. Google переводит деньги на ваш банковский счёт ежемесячно (Play Console → «Платёжный профиль»). Google удерживает свою стандартную комиссию (15% для большинства разработчиков). AppMint не берёт ничего.

Чтобы позже добавить новые продукты: добавьте новый идентификатор в код страницы, один раз пересоберите приложение и создайте идентификатор в Play Console. Для изменения цен пересборка никогда не нужна.

16Если что-то не работает#

Приложение сообщает, что пошло не так, а не молча ломается. Найдите сообщение, которое вы видите:

«Покупки в приложении в этом приложении не включены».
→ При сборке на ШАГЕ 3 МАСТЕРА был ВЫКЛЮЧЕН переключатель «💰 Продавать товары в приложении». Включите его и соберите заново.

«Этот товар пока недоступен в Google Play».
→ Google не узнаёт этот идентификатор. Сверьте его по буквам с Play Console, убедитесь, что продукт АКТИВЕН (для подписки должны быть активированы И базовый план, И сама подписка), и что вы установили приложение по ссылке тестера Play.

«Google Play не смог начать платёж».
→ Приложение установлено не из Play Store или подписано другим ключом, чем тот, что вы загрузили.

«Платёж в ожидании — продукт откроется автоматически, когда Google подтвердит».
→ Делать ничего не нужно. Медленные способы оплаты (кассовые ваучеры, некоторые UPI) занимают несколько минут; доступ откроется сам, даже после перезапуска приложения.

НЕТ НИКАКОГО СООБЩЕНИЯ, при нажатии ничего не происходит
→ Почти всегда это опечатка в data-iap-buy или приложение установлено не из Play. Любая другая причина показывает одно из сообщений выше.

ОПЛАТА ПРОШЛА, НО РЕКЛАМА ОСТАЛАСЬ
→ Этого идентификатора продукта нет в ШАГЕ 3 МАСТЕРА → «Удалить рекламу (IAP)» → «Play Store Product ID». Добавьте его (несколько через запятую) и соберите заново.

КНОПКА ПОКУПКИ НИКОГДА НЕ ПОЯВЛЯЕТСЯ В ПРИЛОЖЕНИИ
→ При сборке переключатель «💰 Продавать товары в приложении» был выключен. В обычном браузере кнопки скрыты НАМЕРЕННО: вне приложения нечего покупать.

НИЧЕГО НЕ ПРОИЗОШЛО ПОСЛЕ ЗАКРЫТИЯ ПЛАТЁЖНОГО ЭКРАНА GOOGLE
→ Это обычная отмена. Нажмите снова и завершите платёж.

ЦЕНА УСТАРЕЛА
→ Play кеширует цены на устройстве на несколько часов. После новой установки всегда показывается новая цена.

17React, Next.js или обычный JavaScript#

REACT И NEXT.JS НЕ ТРЕБУЮТ НИЧЕГО ОСОБОГО. Подписи выше — это просто разметка, поэтому та же одна строка работает и там: без useState, без useEffect, без 'use client':

<button data-iap-buy="pro_unlock"

      data-iap-label="Unlock Pro — {price}">Unlock Pro</button>

Кнопки, которые React монтирует позже, находятся автоматически, а повторное монтирование безопасно. В Next.js собирайте как статический экспорт (output: 'export').

Предпочитаете код подписям? Одна строка делает то же самое:

AppMintIAP.sell('pro_unlock', '#buy-btn');

Необязательный третий аргумент: {label:'Unlock Pro - {price}', owned:'✓ Unlocked', show:'#thanks', hide:'.upsell'}. Вызывайте один раз на каждый продукт.

ТОЛЬКО ЕСЛИ ВЫ ХОТИТЕ, ЧТОБЫ REACT САМ РИСОВАЛ ЦЕНУ, иначе пропустите это:

const [iap, setIap] = useState({ available: false, products: {} });

useEffect(() => {

if (typeof window === 'undefined' || !window.AppMintIAP) return;
window.AppMintIAP.start({ plans: [{ id: 'pro_unlock' }] });
return window.AppMintIAP.onChange(setIap);

}, []);

const pro = iap.products?.pro_unlock; // всегда используйте необязательную цепочку

if (!iap.available) return null; // вне приложения нечего покупать
if (pro?.owned) return <p>Спасибо!</p>;
return <button onClick={() => window.AppMintIAP.buy('pro_unlock')}>

       Unlock Pro {pro?.price}
     </button>;

ДВЕ ПРИВЫЧКИ, ЧТОБЫ ЭТО НЕ СЛОМАЛОСЬ:

1. Читайте владение ПО КАЖДОМУ ПРОДУКТУ: iap.products?.<id>?.owned. Верхнеуровневое iap.owned означает «куплено хоть что-то» и меняет смысл в тот день, когда вы начнёте продавать второй продукт.
2. Используйте необязательную цепочку (?.) по всему пути, чтобы неожиданное поле никогда не вызвало ошибку во время отрисовки React.

onChange сразу отдаёт вам {available, adFree, owned, ownedIds, products} и при каждом изменении, а также возвращает функцию отписки, поэтому вернувшийся покупатель разблокирован уже при первой отрисовке. В Next.js добавьте 'use client' первой строкой и собирайте с output: 'export'.

Также: AppMintIAP.available, .isOwned(id), .owned(), .buy(id), .state(), .refresh(). Подписи data-iap-buy работают и в JSX, а кнопки, которые React монтирует позже, подхватываются автоматически.

Хотите работать с самим мостом напрямую? Всё выше построено на этом:

• iap.isOwned(id) — мгновенный true/false, работает без интернета
• iap.getOwnedProducts() — JSON-массив всех купленных идентификаторов
• iap.getProducts(reqId, idsJson) — актуальные цены; результат приходит как событие 'appmint:products' {requestId, products:[{productId, title, price, currency, type, owned}]}
• iap.purchase(id) — разовые продукты И подписки (определяется автоматически)
• События: 'appmint:purchase' {productId} (открывайте доступ ТОЛЬКО здесь: нажатие на уже купленное вызывает его снова), 'appmint:owned-changed' {products} (восстановление при запуске завершено или возврат денег что-то отнял — перечитайте права),'appmint:purchase-failed' {reason: disabled | not_found | billing_error | pending}

Продаёте только одно улучшение «убрать рекламу»? Используйте более простую встроенную пару: включите «Удалить рекламу (IAP)» на шаге 3 мастера:

var iap = window.WebToApk;

if (iap && !iap.isPremium()) {
  showRemoveAdsButton(function onTap() {
    iap.startRemoveAdsPurchase();
  });
}

window.addEventListener('appmint:premium', function (e) {
  if (e.detail.premium) hideRemoveAdsButton();
});

1Создание управляемого продукта#

В панели Google Play Console:

• Перейдите в «Монетизация» > «Продукты в приложении»
• Нажмите «Создать продукт»
• Введите Product ID (например, «remove_ads_premium»)
• Задайте название (например, «Remove All Ads») и описание
• Задайте цену и нажмите «Сохранить»
• Нажмите «Активировать», чтобы сделать его доступным для тестирования

Продаёте отключение рекламы как ПОДПИСКУ? Создайте её в «Монетизация» > «Подписки» с автопродлеваемым базовым планом и активируйте И базовый план, И подписку. Тогда отсутствие рекламы длится, пока подписка активна, а когда она закончится, реклама вернётся автоматически.

Открыть Play Console →

2Получите лицензионный ключ#

Google Play требует открытый ключ RSA, чтобы надёжно проверять покупки.

В Play Console:

• Перейдите в «Монетизация» > «Настройка монетизации»
• В разделе «Licensing» скопируйте «Base64-encoded RSA public key»
• ⚠️ ВАЖНО: позже вам нужно будет вставить это в генератор.

Example Key Format:
MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA...

3Настройка в генераторе WebToApk#

В приложении-генераторе:

1. Включите переключатель «Удалить рекламу (IAP)» на шаге 3
2. Введите ТОЧНО тот же «Product ID», который вы создали на шаге 1
3. Вставьте «Base64 License Key» из шага 2
4. Создайте APK/AAB

Предлагаете больше одного тарифа без рекламы (например, ежемесячную подписку И пожизненную разовую разблокировку)? Поместите все Product ID в это одно поле через запятую: владение ЛЮБЫМ из них убирает рекламу. Первый указанный идентификатор покупается встроенным пунктом меню «Удалить рекламу», поэтому поставьте первым свой тариф по умолчанию.

Product ID: remove_ads_premium

Two plans:
remove_ads_monthly,remove_ads_lifetime

4Настройка лицензионных тестеров#

Чтобы проверить покупки, не тратя настоящие деньги:

• В Play Console перейдите в «Настройка» > «Лицензионное тестирование»
• Добавьте свой адрес Gmail в список «License testers»
• Убедитесь, что «License response» установлен на «RESPOND_NORMALLY»

Настройка лицензионных тестеров →

5Тестирование на внутреннем или закрытом треке#

Покупки в приложении работают ТОЛЬКО когда приложение установлено через Play Store (тестовые треки):

1. Загрузите созданный AAB на трек «Внутреннее тестирование» или «Закрытое тестирование»
2. Отправьте ссылку-приглашение тестерам вашим тестовым аккаунтам
3. Скачайте приложение из Play Store
4. Нажмите кнопку «Удалить рекламу» в приложении, чтобы проверить процесс!

Note: Purchases will show a 'Test instrument, always approves' message for license testers.