Шаблон приложения «Сканер QR-кодов и штрихкодов»

Нативный полноэкранный сканер с подсветкой, фильтрами форматов, копированием, открытием, отправкой и историей сканирований.

УстройствоРаботает офлайн5 функций телефона

✏️ Редактировать и собрать онлайн Открыть на весь экран

Это шаблон в работе. Функции телефона, такие как камера, вибрация и уведомления, работают в приложении, которое вы соберёте.

Функции телефона, которые использует этот шаблон

Они работают через JavaScript-мост FreeApp, который есть в каждом приложении, собранном в Free HTML to APK. В обычном браузере шаблон тоже работает, просто эти вызовы ничего не делают.

Сканер QR-кодов и штрихкодов

FreeApp.scanCode()

Полноэкранный сканер QR-кодов и штрихкодов с подсветкой; отклоняется с 'cancelled'.

Копирование в буфер обмена

FreeApp.copy()

Копирование в буфер обмена.

Открытие ссылок

FreeApp.open()

Открыть во внешнем браузере или приложении.

Меню «Поделиться»

FreeApp.share()

Системное окно Android для отправки.

Всплывающие сообщения

FreeApp.toast()

Короткое встроенное всплывающее сообщение.

Как шаблон их вызывает

FreeApp.scanCode({ formats: ['QR_CODE'] })
  .then(r => { result.textContent = r.text; })
  .catch(e => { if (e.message !== 'cancelled') FreeApp.toast(e.message); });

Сделайте его своим с помощью ИИ

Скопируйте этот промпт в ChatGPT, Gemini или Claude, замените идею на свою и вставьте ответ обратно в редактор. Он уже объясняет ИИ оболочку приложения и функции телефона.

Показать промпт для ИИ

Build a single-file mobile web app (index.html with inline CSS/JS) for Android WebView.

The app: QR & Barcode Scanner — a QR code and barcode scanner with a scan history, copy, open-link and share buttons. Native full-screen scanner with torch, format filters, copy/open/share and scan history.

Requirements:
- Mobile-first, touch-friendly UI (min 44px tap targets), works in portrait, supports light and dark mode.
- Use <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> and pad for env(safe-area-inset-*).
- Must work fully offline: no CDN or external scripts, fonts or images; persist data in localStorage.

The page runs inside an Android app that injects a native bridge as window.FreeApp. Available APIs:
- FreeApp.scanCode(opts?: {formats?: string[] /* e.g. ['QR_CODE','EAN_13','CODE_128'] */, facing?: 'back' | 'front'}): Promise<{text, format}> — full-screen native QR / barcode scanner with torch; rejects with 'cancelled'
- FreeApp.copy(text: string): void — copy to clipboard
- FreeApp.open(url: string): void — open in the external browser / app
- FreeApp.share(text: string, title?: string): void — Android share sheet
- FreeApp.toast(message: string): void — short native toast

Rules for the bridge:
- Always guard calls with `window.FreeApp &&` (or `if (window.FreeApp) { … }`) and provide a browser fallback so the page also works in a normal browser.
- The bridge may be injected after your script runs: do native setup inside `window.addEventListener('freeappready', …)` and also run it immediately if window.FreeApp already exists.
- Do not use alert/confirm for normal feedback; prefer FreeApp.toast when available.

Return the complete index.html in one code block.

My idea: [DESCRIBE YOUR APP IDEA HERE]

Превратите его в Android-приложение

Нажмите Редактировать и собрать онлайн. Шаблон откроется в онлайн-редакторе.
Измените текст, цвета и код, затем выберите название приложения, иконку и имя пакета.
Соберите. Вы получите подписанный APK для установки и AAB для Google Play — бесплатно, без аккаунта и без водяного знака.

✏️ Редактировать и собрать онлайн СКАЧАЙТЕ БЕСПЛАТНО ВGoogle Play