Widgets d'écran d'accueil, actions rapides et Siri pour votre app Claude Code
L'écran d'accueil est l'endroit où une app prouve qu'elle est plus qu'un favori. Sur iOS, WebViewGold offre à votre app Claude Code 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.
Garantie d'approbation – ou remboursement sous 14 jours
Aucun codage requis
Paiement unique, mises à jour gratuites
Support humain 24/7
Conçu en Allemagne depuis 2014 · ISO 27001
9:41
CClaude Code
Widgets et raccourcisDésormais dans votre poche
App Store · Google Play Approuvée
Quatre fonctionnalités d'écran d'accueil sur iOS
Widget image
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.
Actions rapides
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.
Phrases Siri
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.
Icônes d'app alternatives
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.
Prompt pour Claude Code
Collez ceci dans Claude Code pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Prompt pour Claude Code
Prompt pour Claude Code : Lisez https://www.webviewgold.com/llms-full.txt (sections iOS Widget Extension, Shortcuts, Siri et Dynamic App Icon). Ensuite : 1) Ajoutez un token de widget par utilisateur et une route serveur qui renvoie le résumé de l'utilisateur sous forme d'image SVG ou PNG pour ce token. 2) Ajoutez un helper qui, uniquement dans l'app iOS (user agent WebViewGold personnalisé plus iPhone ou iPad), navigue une fois par session vers widget://https://OUR_DOMAIN/widget.svg?t=TOKEN. 3) Faites fonctionner les routes profondes des actions rapides (/new, /today) lors d'un démarrage à froid. 4) Dans le projet iOS WebViewGold, passez useShortcuts à true, écrivez Shortcuts.json avec trois actions utilisant des SF Symbols valides, définissez widgetRefreshTime sur 30 et widgetfallbackURL sur notre image de logo. 5) Ajoutez un sélecteur d'icône qui utilise changeicon://icon1, changeicon://icon2 et changeicon://default. 6) Montrez-moi le diff des fichiers natifs avant d'enregistrer, écrivez des tests pour la route du token et indiquez dans CLAUDE.md que ces fonctionnalités sont réservées à iOS.
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 :
Ce qui arrive ensuite
Prochain rendez-vous, prochain cours, prochain créneau de livraison. Une image de widget rendue par Vos propres routes API, des fonctions serverless ou Supabase répond à « c'est quand ? » sans ouvrir l'app.
La progression d'un coup d'œil
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.
Les trois tâches principales
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.
Quand les mains sont occupées
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.
Un avantage pour les utilisateurs fidèles
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.
Ajouter un widget et des actions rapides à une app Claude Code
Une demi-journée, endpoint de l'image du widget compris.
Générez l'image du widget sur votre serveur
Ajoutez dans Vos propres routes API, des fonctions serverless ou Supabase 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.
Authentifiez avec un token, pas avec un cookie
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.
Faites pointer le widget vers l'image depuis Claude Code
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.
Activez la cible du widget
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.
Définissez les actions rapides
Rédigez deux à quatre entrées dans Shortcuts.json qui pointent vers des pages profondes de votre app Claude Code (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.
Facultatif : icônes et Siri
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.
Shortcuts.json pour les actions rapides
À 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.
Android : ce qui existe et quoi utiliser à la place
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.
Les widgets et les actions rapides fonctionnent-ils sur Android ?
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.
Le widget peut-il afficher des données en direct ?
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.
Un widget aide-t-il lors de l'examen App Store ?
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.
L'intégration Siri fait-elle partie de la licence ?
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.
Puis-je modifier les actions rapides sans mise à jour de l'app ?
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 Claude Code, et ce qu'elles affichent change à chaque déploiement.
Trois façons de mettre votre app dans les stores
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.
Faites-le vous-même
$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.
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.
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.
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.