D'un artefact Claude à l'App Store et à Google Play
Un artefact est une app en un seul fichier que Claude a construite pour vous dans le chat. Il peut devenir une vraie app de store, mais un lien d'aperçu n'est pas une URL publiable, et un seul écran suffit rarement pour Apple. Voici le chemin honnête : exporter, héberger, ajouter la page légale, puis décider s'il faut le faire grandir en vrai projet.
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
Votre app
Votre appDésormais dans votre poche
App Store · Google Play Approuvée
Ce qu'est un artefact, techniquement
Claude produit deux sortes d'artefacts : un simple fichier HTML (balisage, CSS et JavaScript dans un seul document) et un composant React qui s'exécute dans l'aperçu de l'artefact avec des bibliothèques fournies par cet aperçu. Le type HTML peut être hébergé tel quel. Le type React a besoin d'une petite étape de build, car l'environnement d'exécution de l'aperçu qui résout ses imports n'existe pas sur votre serveur. Dans les deux cas, l'URL d'aperçu que vous voyez dans le chat est temporaire et n'est pas une adresse de production ; WebViewGold a besoin d'une URL HTTPS permanente que vous contrôlez.
Tout ce qui s'applique à une web app s'applique ici : Apple attend plus qu'un site web (guideline 4.2), les deux stores veulent une politique de confidentialité, et l'app doit savoir gérer l'absence de connexion.
Exporter, héberger, encapsuler
Exportez le fichier
Utilisez l'option de téléchargement ou de copie de l'artefact. Pour un artefact HTML, vous avez maintenant un fichier index.html. Pour un artefact React, confiez le code à Claude Code avec : « Transformez cet artefact en projet Vite + React au comportement identique, ajoutez un script de build et un fallback 404 vers index.html. » Le résultat est un dossier avec un build dist.
Hébergez-le
Cloudflare Pages, Netlify et GitHub Pages servent tous gratuitement des fichiers statiques en HTTPS. Glissez le dossier dans Netlify, connectez le dépôt à Cloudflare Pages ou activez Pages sur le dépôt GitHub. Demandez à Claude Code de configurer le déploiement et un domaine personnalisé ; le guide du domaine explique pourquoi il vous faut le domaine avant de soumettre.
Ajoutez la page de confidentialité et une coque qui résiste au hors ligne
Créez /privacy.html (et /terms.html si vous avez des conditions d'utilisation) et liez-les depuis l'app. Si l'artefact ne stocke des données que dans le navigateur, dites exactement cela dans la politique : ce sera la politique la plus simple que vous écrirez jamais. Ajoutez un manifest et une balise meta viewport si l'artefact n'en a pas.
Rendez-le mobile
Les artefacts sont conçus pour un panneau d'aperçu dans un chat, pas pour un téléphone. Demandez à Claude Code de vérifier le padding safe-area, les zones tactiles de 44 px, les champs de saisie en 16 px et la mise en page portrait à 320 px de large.
Encapsulez avec WebViewGold
Indiquez l'URL dans Config.swift et Config.java, définissez le nom et l'icône, activez le pull-to-refresh et la feuille de partage native, compilez avec Xcode et Android Studio ou avec le Cloud Builder, soumettez.
L'artefact suffit-il pour la guideline 4.2 ?
Généralement pas encore
Un simple écran de calculatrice, de convertisseur, de minuteur ou de quiz, c'est ce que les reviewers appellent « pas particulièrement utile » ou un site web réemballé. Google est plus indulgent, mais applique sa propre règle de fonctionnalité minimale aux apps WebView.
Ce qui fait pencher la balance
Des comptes ou un état sauvegardé entre appareils, des notifications push (même de simples rappels locaux via sendlocalpushmsg://), le partage natif, la prise en charge du hors ligne et au moins quelques écrans de vraie navigation. Des fonctionnalités qu'un onglet Safari n'offre pas.
Des gains faciles dans WebViewGold
Écran hors ligne natif, splash screen, pull-to-refresh, haptique et feuille de partage sont des interrupteurs ou des appels d'une ligne. Ils ne remplacent pas le fond, mais ils donnent à l'app une vraie sensation d'app.
Dites-le dans les notes pour la validation
Décrivez ce que fait l'app, à qui elle s'adresse et quelles fonctionnalités natives elle utilise. Les reviewers lisent les notes avant d'ouvrir l'app.
Excellente façon de convertir son app web en app native ! Un délai très court, et un super moyen de mettre ses apps dans les stores sans devoir développer une app native complète !
Kevin Joling · FlightConnections & TrainConnections · Trustpilot
Faire grandir l'artefact en projet
Lancez-le quand vous décidez que l'idée mérite une vraie app. Claude Code conserve le comportement qui vous plaisait et ajoute la structure qu'attendent les stores.
Prompt pour Claude Code
Voici une app en un seul fichier, née d'un artefact Claude (jointe sous le nom artifact.html / artifact.jsx). Convertissez-la en projet Vite + React maintenable avec les ajouts suivants, en conservant l'apparence et le comportement actuels :
1. Routes : / (l'app), /privacy, /terms, /settings. Une navigation en bas de l'écran sur les petits écrans.
2. Persistance : gardez l'état local existant, mais structurez-le pour qu'un backend (Supabase) puisse être ajouté plus tard sans réécrire les composants.
3. Mobile : balise meta viewport, padding safe-area, zones tactiles de 44 px, aucun débordement horizontal à 320 px, taille de police minimale de 16 px dans les champs de saisie.
4. Points d'ancrage natifs pour le wrapper WebViewGold que nous utiliserons : un helper isNativeApp() qui cherche le jeton WebViewGoldApp dans le user agent ; un bouton Partager qui navigue vers shareapp://message?=TEXT&url=URL en natif ; une fonctionnalité de rappel qui planifie une notification locale via sendlocalpushmsg://push.send?s=SECONDS=msg!MESSAGE&!#TITLE&!#URL en natif et se rabat sur la Notifications API dans les navigateurs. Lisez https://www.webviewgold.com/llms-full.txt pour la syntaxe exacte.
5. États : états de chargement, vide et d'erreur pour chaque étape asynchrone ; un avis hors ligne.
6. Déploiement : un workflow GitHub Actions ou une config Cloudflare Pages / Netlify qui compile et déploie à chaque push sur main.
Terminez par un README qui explique comment lancer, compiler et déployer le projet.
Les options d'hébergement comparées
Cloudflare Pages
Netlify
GitHub Pages
Mise en place
Connecter le dépôt ou envoyer le dossier
Glisser-déposer ou connecter le dépôt
Activer dans les réglages du dépôt
Domaine personnalisé + HTTPS
Oui, certificats automatiques
Oui, certificats automatiques
Oui, avec un fichier CNAME
Étape de build pour React
Oui (commande de build)
Oui (commande de build)
Via GitHub Actions
Idéal pour
Diffusion mondiale rapide, Workers pour les API plus tard
Le premier déploiement le plus simple
Code déjà sur GitHub
Questions fréquentes
Puis-je utiliser le lien d'aperçu de l'artefact dans WebViewGold ?
Non. Les liens d'aperçu sont temporaires, ne sont pas sous votre contrôle et ne sont pas prévus comme URL de production. Hébergez d'abord le fichier exporté sur votre propre domaine ou chez un hébergeur statique.
Mon artefact stocke tout dans localStorage. Est-ce un problème pour les stores ?
Pas en soi. Indiquez-le dans la politique de confidentialité, et sachez que les données restent sur l'appareil ; une réinstallation les efface. Ajoutez un backend quand les utilisateurs ont besoin de leurs données sur plusieurs appareils.
Un artefact React fonctionne-t-il si je me contente d'envoyer le fichier ?
Généralement pas, car il importe des bibliothèques que seul l'environnement d'aperçu fournit. Laissez Claude Code le convertir en projet Vite : cela prend quelques minutes et vous donne un vrai pipeline de build.
Combien d'écrans Apple attend-il ?
Il n'y a pas de chiffre. Les reviewers cherchent l'utilité et des capacités natives qui vont au-delà d'un site web. Une app ciblée avec comptes, notifications et comportement hors ligne passe plus souvent qu'une app tentaculaire qui n'en a pas.
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.