Replit + écran d'accueil
L'écran d'accueil est l'endroit où une app prouve qu'elle est plus qu'un favori. Sur iOS, WebViewGold offre à votre app Replit quatre façons d'y être présente : un widget image que votre serveur tient à jour, des actions rapides par appui long sur l'icône, des phrases Siri qui exécutent votre JavaScript et des icônes d'app alternatives. Android n'a pas d'équivalent WebViewGold pour les widgets et les actions rapides : ce guide présente donc aussi, honnêtement, les alternatives de ce côté.
Dès $109 en paiement unique par plateforme, ou notre équipe s'occupe de tout dès $698.
Un widget d'écran d'accueil qui affiche un SVG ou un PNG rendu par votre serveur : les chiffres du jour, la prochaine réservation, une série en cours. Votre app web le fait pointer vers une image avec widget://https://yourdomain.com/widget.svg?t=TOKEN ; widgetRefreshTime (en minutes) et widgetfallbackURL dans Config.swift définissent l'intervalle d'actualisation et l'image de repli.
Passez useShortcuts à true dans Config.swift et définissez les actions dans Shortcuts.json : un titre, un redirection_link, une injection JavaScript facultative et un SF Symbol. Les utilisateurs les voient par un appui long sur l'icône de l'app.
Avec le module complémentaire Siri facultatif (vendu séparément ; vous saisissez son token de plugin dans siriEnabled), un lien comme addtosiri://?command=Log%20Water&jsFunction=logWater() permet à l'utilisateur d'ajouter une phrase qui exécute une fonction JavaScript de votre app web.
Livrez jusqu'à trois icônes alternatives (sombre, classique, saisonnière) et laissez les utilisateurs changer avec changeicon://icon1 à changeicon://icon3, ou revenir avec changeicon://default. iOS confirme chaque changement par un message système.
Collez ceci dans Replit pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Ajoutez les éléments serveur et front-end du widget iOS et des actions rapides de WebViewGold. Dans le backend, ajoutez une colonne widget_token à users, un endpoint POST /api/widget-token qui la renouvelle pour l'utilisateur connecté, et un endpoint public GET /widget.svg?t=TOKEN qui renvoie un SVG (image/svg+xml, 360x170, grand texte lisible, polices système) avec la série en cours et la prochaine tâche de l'utilisateur ; répondez en moins de 2 secondes et renvoyez une image neutre pour les tokens invalides. Dans le front-end React, après la connexion Replit Auth et uniquement quand navigator.userAgent contient mon token WebViewGold ainsi qu'iPhone ou iPad, naviguez une fois par session vers widget://https://OUR_DOMAIN/widget.svg?t=TOKEN. Faites fonctionner les routes /new et /today comme points d'entrée directs pour les actions rapides, y compris après un démarrage à froid. Ajoutez un sélecteur d'icône de l'app qui navigue vers changeicon://icon1, changeicon://icon2 ou changeicon://default. Masquez toutes ces commandes natives dans les navigateurs de bureau et sur Android.
WebViewGold nous a permis d'avoir le temps de mise sur le marché le plus court et le plus efficace jamais possible parmi toutes les autres plates-formes d'application que nous avons essayées au cours des 5 dernières années. Je ne sais pas pourquoi je ne vous ai pas découvert plus tôt, mais je suis vraiment, vraiment content de l'avoir fait. Nous approchons actuellement les 6000 téléchargements d'application sur l'App Store iOS et Google Play Store sans aucun problème!
Chacune de ces fonctionnalités doit faire gagner une étape à l'utilisateur. Ce qui convient bien aux apps vibe-codées typiques :
Prochain rendez-vous, prochain cours, prochain créneau de livraison. Une image de widget rendue par Backends Express/Flask/FastAPI avec Replit Postgres ou des bases de données externes répond à « c'est quand ? » sans ouvrir l'app.
Séries d'habitudes, objectifs d'épargne, ventes du jour, mots écrits. Un grand chiffre et un libellé se lisent bien à la taille d'un widget.
Des actions rapides comme « Nouvelle entrée », « Scanner un reçu » ou « Aujourd'hui » ouvrent directement le bon écran : l'app paraît plus rapide que le site web.
Des phrases Siri pour « Démarrer l'entraînement », « Noter un verre d'eau » ou « Lancer ma station », là où toucher l'écran n'est pas pratique.
Des icônes alternatives comme petite récompense pour les abonnés, ou une icône en mode sombre pour ceux qui soignent leur écran d'accueil.
Une demi-journée, endpoint de l'image du widget compris.
Ajoutez dans Backends Express/Flask/FastAPI avec Replit Postgres ou des bases de données externes un endpoint qui renvoie un SVG ou un PNG pour un utilisateur : un chiffre ou une ligne de texte, en grand et bien contrasté, sans minuscules libellés. Gardez-le rapide et peu coûteux ; il est rappelé à chaque actualisation.
Le widget récupère l'image en dehors de votre WebView connectée : donnez donc à chaque utilisateur un token de widget impossible à deviner, placez-le dans l'URL et laissez l'utilisateur le renouveler. Ne mettez jamais un simple ID utilisateur dans l'URL.
Après la connexion, uniquement dans l'app iOS, naviguez une fois vers widget://https://yourdomain.com/widget.svg?t=TOKEN. Définissez widgetfallbackURL sur une image à votre marque pour les utilisateurs déconnectés et choisissez un widgetRefreshTime raisonnable ; iOS rationne les rechargements de widgets, attendez-vous donc à « à jour dans l'heure », pas à du temps réel.
Suivez le guide vidéo (Documentation iOS) pour activer l'extension widget dans le projet Xcode WebViewGold, puis ajoutez le widget depuis la galerie de l'écran d'accueil sur un vrai iPhone.
Rédigez deux à quatre entrées dans Shortcuts.json qui pointent vers des pages profondes de votre app Replit (ajoutez ?source=shortcut pour les statistiques). La liste est livrée dans l'app : la modifier demande un nouveau build, alors que les pages qu'elle ouvre peuvent changer à chaque déploiement.
Placez les icônes alternatives dans le dossier AppIconAlternate et ajoutez les entrées CFBundleAlternateIcons à Info.plist exactement comme le montre la documentation des icônes d'app dynamiques. Pour Siri, demandez le token de plugin comme décrit dans la documentation Siri.
À placer dans le projet iOS WebViewGold et à activer avec useShortcuts = true (voir la documentation des raccourcis). Le champ injection exécute du JavaScript après le chargement de la page, ici pour ouvrir une vue de scanner exposée par votre app web.
{
"shortcuts": [
{
"title": "Nouvelle entrée",
"redirection_link": "https://app.yourdomain.com/new?source=shortcut",
"injection": "",
"symbol": "plus.circle"
},
{
"title": "Aujourd'hui",
"redirection_link": "https://app.yourdomain.com/today?source=shortcut",
"injection": "",
"symbol": "calendar"
},
{
"title": "Scanner un reçu",
"redirection_link": "https://app.yourdomain.com/expenses?source=shortcut",
"injection": "(function() { if (window.openReceiptScanner) { window.openReceiptScanner(); } })();",
"symbol": "doc.viewfinder"
}
]
}| Besoin | iOS dans WebViewGold | Alternative Android |
|---|---|---|
| Des infos visibles d'un coup d'œil sur l'écran d'accueil | Widget image (widget://) | Pas d'API de widget WebViewGold. Envoyez une notification push avec une url qui ouvre le bon écran ; un AppWidget natif est un développement sur mesure dans le projet Android Studio que vous recevez. |
| Aller directement à un écran | Actions rapides (Shortcuts.json) | Pas d'API d'actions rapides documentée. Gardez ces écrans à un tap dans votre navigation et utilisez les App Links pour que les liens vers des pages profondes ouvrent l'app. |
| Commandes vocales | Module complémentaire Siri (addtosiri://) | Aucun équivalent dans WebViewGold. |
| Icône d'app choisie par l'utilisateur | changeicon:// | Non disponible dans WebViewGold pour Android. |
| Recevoir du contenu d'autres apps | Extension de partage | Disponible : l'API ShareIntent. Voir extension et intent de partage. |
Pas via WebViewGold. Le widget, les actions rapides de Shortcuts.json, les phrases Siri et les icônes alternatives sont des fonctionnalités du projet iOS. Sur Android, utilisez des notifications push qui ouvrent une URL précise, les App Links et la cible de partage ; un widget Android natif est possible en développement sur mesure dans le projet Android Studio que vous recevez, mais ce n'est pas une fonctionnalité WebViewGold documentée.
Il affiche une image rendue par votre serveur, rechargée à l'intervalle défini dans widgetRefreshTime. iOS rationne les actualisations des widgets : considérez son contenu comme récent plutôt qu'en temps réel. Le widget n'a pas de boutons à lui ; le toucher ouvre l'app.
Il soutient l'argument de la guideline 4.2, car c'est quelque chose qu'un site web ne peut pas faire, à condition qu'il affiche un contenu utile de l'app. Montrez-le sur une capture d'écran et mentionnez-le dans les notes de validation pour que l'examinateur le cherche vraiment.
Siri est un module complémentaire facultatif vendu séparément : vous recevez un token de plugin à saisir dans siriEnabled et vous ajoutez la capability Siri à la cible. Le widget, les actions rapides et les icônes alternatives sont des fonctionnalités documentées du projet iOS.
La liste se trouve dans Shortcuts.json, à l'intérieur de l'app : ajouter ou renommer une action demande donc un nouveau build. Les pages ouvertes par les actions sont des URL normales de votre app Replit, et ce qu'elles affichent change à chaque déploiement.
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.