Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Tester Votre Application En Ligne | Mettre votre application en ligne
Application Web de Zéro avec Claude

bookTester Votre Application En Ligne

Glissez pour afficher le menu

Votre application est déployée. Ce chapitre aborde deux points : vérifier que tout fonctionne à l’URL en ligne, et savoir comment publier de futures modifications sur le web.

Tester votre application en ligne

Lorsque Vercel termine le déploiement, il vous fournit une URL qui ressemble à your-project-name.vercel.app. Ouvrez-la dans votre navigateur et testez l’application de la même manière qu’en local. Essayez le parcours complet de bout en bout :

  • Saisir une idée dans le champ de saisie ;
  • Utiliser toutes les fonctionnalités ajoutées, comme le bouton d’amélioration ;
  • Soumettre et attendre le retour de la réponse de l’IA.

Si la réponse de l’IA s’affiche correctement, cela signifie que votre variable d’environnement a été correctement configurée et que votre application fonctionne parfaitement en ligne.

Note
Remarque

Si la page se charge mais que la réponse de l’IA échoue, retournez dans les paramètres de votre projet Vercel, vérifiez vos variables d’environnement et assurez-vous que la clé et la valeur ont été saisies correctement.

Partage de votre application

Cette URL Vercel correspond à votre application en ligne. Vous pouvez l'envoyer à n'importe qui, et ils pourront l'ouvrir dans leur navigateur sans avoir besoin d'être sur votre ordinateur ou votre réseau. Il s'agit de votre MVP, accessible sur Internet.

Vous pouvez également ajouter un domaine personnalisé dans Vercel si vous souhaitez une URL plus professionnelle. Cela reste optionnel.

Publication des modifications futures

Chaque fois que vous effectuez une modification dans Claude Code et que vous souhaitez qu'elle apparaisse sur l'application web en ligne, vous devez pousser ces changements sur GitHub. Vercel surveille votre dépôt GitHub et redéploie automatiquement dès qu'un nouveau code arrive.

Les trois commandes qui permettent cela sont :

git add
git commit
git push

Vous n'avez pas besoin de les exécuter vous-même. Demandez simplement à Claude Code :

"Push my latest changes to GitHub."

Claude Code exécutera les trois commandes pour vous. Une fois cela fait, Vercel détecte la mise à jour et redéploie automatiquement en une à deux minutes.

La boucle de mise à jour

Voici le cycle complet à partir de maintenant. Chaque amélioration suit les mêmes trois étapes.

Make a change in Claude Code → Push to GitHub → Vercel redeploys automatically
question mark

Quelle est la meilleure façon de confirmer que votre application fonctionne après son déploiement en ligne ?

Sélectionnez la réponse correcte

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 3

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Section 5. Chapitre 3
some-alt