Lovable + lampe torche
Lire un numéro de série dans une réserve sombre, relever un compteur dans une cave, trouver sa place à un concert : parfois, votre app Lovable a simplement besoin de lumière. WebViewGold allume et éteint la lampe du téléphone grâce à deux liens, enableflashlight:// et disableflashlight://, sur iOS et Android. C'est une petite fonctionnalité qui donne le meilleur d'elle-même comme aide au sein d'un parcours plus large.
Dès $109 en paiement unique par plateforme, ou notre équipe s'occupe de tout dès $698.
Un interrupteur de lumière à côté du bouton de scan aide à lire étiquettes, numéros de série et compteurs dans les entrepôts, les caves et les parkings. Vérifiez sur vos appareils si la lumière reste allumée pendant que la caméra du scanner natif est ouverte.
Checklists d'inspection pour techniciens, guides de randonnée et de camping, personnel qui contrôle les billets à une entrée sombre. La lumière se trouve sur l'écran où le travail se fait.
Un grand bouton lumière clairement libellé pour les utilisateurs qui ont besoin de lumière pour lire un menu, un panneau ou un document imprimé. La documentation WebViewGold cite l'accessibilité parmi les cas d'usage.
La lumière comme signal ou récompense dans une app de quiz, d'escape game ou de chasse au trésor. Gardez des effets lents : un clignotement rapide est désagréable et peut être risqué pour les personnes photosensibles.
Collez ceci dans Lovable pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Ajoutez un interrupteur de lampe torche pour le wrapper d'app WebViewGold. 1) Créez src/components/LightToggle.tsx, affiché uniquement quand navigator.userAgent contient mon token WebViewGold personnalisé. 2) Au tap, il bascule un état local et définit window.location.href sur enableflashlight:// ou disableflashlight:// ; le libellé indique Allumer la lampe ou Éteindre la lampe et le bouton porte aria-pressed. 3) Utilisez useLocation de React Router pour appeler disableflashlight:// à chaque changement de route pendant que la lampe est allumée. 4) Placez l'interrupteur à côté du bouton Scanner sur l'écran d'inventaire, pas dans la navigation principale. 5) Masquez-le quand le user agent contient mon token iPad, car beaucoup d'iPad n'ont pas de flash. 6) N'ajoutez aucun effet de clignotement ou stroboscopique.
Mon WebView iOS est enfin approuvé. Merci !!
Environ 15 minutes.
Dans l'app, il navigue vers enableflashlight:// ou disableflashlight://. Dans un navigateur, masquez-le : les sites web ne peuvent pas commander la lampe torche de façon fiable d'un navigateur à l'autre.
Définissez un user agent personnalisé contenant un token comme WebViewGold (useragent_iphone et useragent_ipad dans Config.swift, USER_AGENT dans Config.java) et n'affichez le bouton que s'il est présent. Un user agent iPad distinct vous permet de le masquer sur les iPad sans flash.
La documentation décrit des commandes d'allumage et d'extinction, pas de lecture de l'état. Gardez l'état dans l'app web et réinitialisez le libellé au chargement de la page.
Appelez disableflashlight:// quand l'utilisateur quitte l'écran, pour que la lumière ne vide pas la batterie au fond d'une poche. Sur iOS, déclenchez un seul appel au pont par tap plutôt que plusieurs dans le même script.
La documentation demande les entrées d'autorisation caméra (Info.plist sur iOS, AndroidManifest.xml sur Android), car la lampe fait partie du matériel de l'appareil photo. Sur iOS, kFlashLightEnabled dans Config.swift ne doit pas valoir false, sinon les appels sont bloqués.
Du pur code front-end ; rien ne change dans votre backend.
// User agent personnalisé contenant "WebViewGold", défini dans Config.swift / Config.java
var IN_APP = navigator.userAgent.indexOf("WebViewGold") !== -1;
var lightOn = false;
function initLightButton(btn) {
if (!IN_APP) { btn.hidden = true; return; } // navigateurs : pas de contrôle de la lampe
btn.addEventListener("click", function () {
lightOn = !lightOn;
window.location.href = lightOn ? "enableflashlight://" : "disableflashlight://";
btn.textContent = lightOn ? "Éteindre la lampe" : "Allumer la lampe";
btn.setAttribute("aria-pressed", String(lightOn));
});
}
// à appeler quand l'utilisateur quitte l'écran (changement de route)
function lightOffOnLeave() {
if (IN_APP && lightOn) { lightOn = false; window.location.href = "disableflashlight://"; }
}Pas de façon fiable d'un navigateur à l'autre. Dans une app WebViewGold, enableflashlight:// et disableflashlight:// allument et éteignent la lampe sur iOS et Android.
C'est très peu probable. La guideline 4.3(b) range les apps lampe torche parmi les catégories bien établies qui doivent offrir une expérience vraiment différente. Comme aide au sein d'une app de scan, d'inventaire ou d'intervention sur le terrain, la lumière ne pose aucun problème.
La lampe fait partie du matériel de l'appareil photo, et la documentation WebViewGold demande les entrées d'autorisation caméra dans Info.plist et AndroidManifest.xml. Rédigez le texte d'explication de façon à ce qu'il mentionne la lumière.
La documentation ne décrit que les commandes d'allumage et d'extinction. Gardez l'état dans l'app web et éteignez la lumière quand l'utilisateur quitte l'écran.
Uniquement sur les modèles d'iPad équipés d'un flash arrière ; beaucoup d'iPad n'en ont pas. Donnez aux iPad leur propre user agent (useragent_ipad) et masquez-y le bouton, ou affichez un message bienveillant.
Même résultat, charge de travail différente de votre côté. Les trois formules incluent la garantie d'approbation et le support humain 24/7.
$109 par plateforme, paiement unique
La licence WebViewGold : un projet Xcode ou Android Studio prêt à l'emploi. Collez votre URL, définissez le nom et l'icône, activez les fonctionnalités, compilez et soumettez. Mises à jour gratuites à vie.
Voir les offres sur la page principale$349 par licence, extension en paiement unique
Ni Mac, ni Xcode, ni Android Studio : configurez dans le navigateur, nous compilons les deux apps dans le cloud et les transmettons à App Store Connect et à la Play Console.
Comment fonctionne le Cloud Builder Essayer la démo gratuite$698 par plateforme $798
Envoyez-nous votre URL et votre icône. Notre équipe configure, compile et livre votre app sous 72 heures, en marque blanche, projets sources inclus. Les deux plateformes pour $1,158.
Détails du Full Service Propulsé par
Prix Soldes d'hiver valables jusqu'au 31 décembre 2026.
Garantie d'approbation App Store & Google Play – ou remboursement sous 14 jours
Vous préférez déléguer ? Full Service : nous configurons, compilons et livrons sous 72 heures, dès $698 par plateforme. Des questions ? Chattez avec nous 24/7.
Les remboursements sont accordés aux conditions indiquées dans notre FAQ : un refus non lié au contenu par Apple et/ou Google, demandé dans les 14 jours suivant l'achat.