Free HTML to APK
← Tous les modèles
📖
Revenus

Modèle d'application Lecteur d'histoires

Une histoire en cinq chapitres ; le chapitre suivant est gratuit après 10 minutes, ou tout de suite avec une publicité avec récompense.

RevenusNécessite Internet2 fonctions du téléphone

✏️ Modifier et compiler en ligne Ouvrir en plein écran

Voici le modèle en direct. Les fonctions du téléphone comme l’appareil photo, la vibration et les notifications fonctionnent dans l’application que vous compilez.

Fonctions du téléphone utilisées par ce modèle

Elles proviennent du pont JavaScript FreeApp inclus dans chaque application créée avec Free HTML to APK. Dans un navigateur normal, le modèle fonctionne quand même et les appels ne font simplement rien.

Publicités AdMob

FreeApp.ads.*

Messages toast

FreeApp.toast()

Court toast natif.

Comment le modèle les appelle

// finished a chapter: natural break
FreeApp.ads.showInterstitial();
FreeApp.ads.showRewarded().then(() => openChapter(next));
reading ? FreeApp.ads.hideBanner() : FreeApp.ads.showBanner('bottom');

Personnalisez-le avec l'IA

Copiez ce prompt dans ChatGPT, Gemini ou Claude, remplacez l'idée par la vôtre, puis collez la réponse dans l'éditeur. Il explique déjà à l'IA la structure de l'application et les fonctions du téléphone.

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

The app: Story Reader — a reader for a short original story in 5 chapters with a chapter list, progress and adjustable text size, where the page itself decides when ads show: an interstitial when a chapter is finished (before the next opens), a rewarded ad that unlocks the next chapter immediately instead of waiting 10 minutes (timer stored in localStorage), and a banner on the chapter list but never while reading. A five-chapter story; the next chapter is free after 10 minutes or right away with a rewarded ad.

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-*).
- You may load libraries from a CDN (jsDelivr/unpkg); show a friendly message if the device is offline.

The page runs inside an Android app that injects a native bridge as window.FreeApp. Available APIs:
- FreeApp.ads.{loadBanner(unit?, pos?), showBanner(pos?: 'top'|'bottom'), hideBanner(), loadInterstitial(), showInterstitial(), isInterstitialLoaded(), loadRewarded(), isRewardedLoaded(), showRewarded(): Promise<{amount, type}>, on(cb: (e: {event, message?}) => void)} — AdMob; only present when ads are enabled in the builder
- 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]

Transformez-le en application Android

  1. Touchez Modifier et compiler en ligne. Le modèle s'ouvre dans l'éditeur en ligne.
  2. Modifiez le texte, les couleurs et le code, puis choisissez un nom d'application, une icône et un nom du package.
  3. Compilez. Vous obtenez gratuitement un APK signé à installer et un AAB pour Google Play, sans compte et sans filigrane.

✏️ Modifier et compiler en ligne DISPONIBLE GRATUITEMENT SURGoogle Play