Contactez-nous

Tester la page dans votre navigateur

Découvrez comment tester la page web que vous venez de créer avec Laravel. Lancez le serveur de développement Artisan et accédez à l'URL définie pour vérifier le résultat final dans votre navigateur.

Préparation : le serveur de développement Laravel

Après avoir scrupuleusement suivi les étapes précédentes – définition de la route, création de la méthode dans le contrôleur, et conception de la vue Blade – il est temps de contempler le fruit de votre travail. Pour cela, votre application Laravel doit être accessible via un serveur web. Heureusement, Laravel est livré avec un serveur de développement intégré, propulsé par PHP, que vous pouvez lancer facilement avec une commande Artisan.

Avant d'ouvrir votre navigateur, assurez-vous que ce serveur est en cours d'exécution. Si vous l'aviez arrêté ou s'il n'a pas encore été lancé pour cette session de développement, ouvrez votre terminal ou console de commande, naviguez jusqu'au répertoire racine de votre projet Laravel, et tapez la commande suivante :

php artisan serve

Lorsque vous exécutez cette commande, Artisan démarre le serveur de développement. Par défaut, il écoute généralement sur l'adresse 127.0.0.1 (ou localhost) et le port 8000. Votre terminal affichera un message similaire à celui-ci :

INFO  Server running on [http://127.0.0.1:8000].

Press Ctrl+C to stop the server

Si le port 8000 est déjà utilisé par une autre application, Artisan tentera d'utiliser le port suivant disponible (8001, 8002, etc.), ou vous pouvez spécifier un port différent avec l'option --port :

php artisan serve --port=8080

Notez bien l'adresse et le port indiqués par Artisan, car c'est ce que vous utiliserez dans votre navigateur.

Accéder à votre page via l'URL définie

Maintenant que le serveur de développement est actif, ouvrez votre navigateur web préféré (Chrome, Firefox, Safari, Edge, etc.). Dans la barre d'adresse, saisissez l'URL complète pour accéder à la page que vous avez créée. Si vous avez suivi les exemples précédents où la route était définie comme /mapremierepage et que votre serveur tourne sur http://127.0.0.1:8000, l'URL à saisir sera :

http://127.0.0.1:8000/mapremierepage

Appuyez sur Entrée. Si toutes les étapes précédentes ont été correctement exécutées, votre navigateur devrait afficher la page que vous avez conçue dans le fichier mapremierepage.blade.php, avec le titre et le message que vous avez passés depuis le PageController.

Vous devriez voir quelque chose comme :

Ma Première Page Laravel

Bienvenue sur cette page générée avec soin !

Ceci est une page basique générée avec le framework Laravel. Nous espérons que vous appréciez la simplicité !

(Le style exact dépendra du CSS que vous avez inclus dans votre fichier Blade.)

Félicitations ! Vous avez parcouru avec succès le cycle complet de création d'une page web basique dans Laravel, de la définition de la route à l'affichage dans le navigateur.

Que faire en cas d'erreur ?

Le développement web implique souvent de rencontrer des erreurs. Si votre page ne s'affiche pas comme prévu, Laravel fournit généralement des messages d'erreur très informatifs qui peuvent vous aider à diagnostiquer le problème. Voici quelques erreurs courantes à ce stade et comment les aborder :

  • Erreur 404 (Not Found) :
    Cela signifie que Laravel n'a pas trouvé de route correspondant à l'URL que vous avez saisie. Vérifiez :
    • L'orthographe de l'URI dans routes/web.php et dans la barre d'adresse de votre navigateur.
    • Que vous utilisez la bonne méthode HTTP (par exemple, Route::get() pour un accès direct via l'URL).
    • Que le fichier routes/web.php a été sauvegardé après vos modifications.
  • Erreur `Target class [App\Http\Controllers\MonController] does not exist.` :
    Le contrôleur spécifié dans votre route n'a pas été trouvé. Vérifiez :
    • L'orthographe du nom du contrôleur dans la route et le nom du fichier du contrôleur.
    • Le namespace du contrôleur dans le fichier du contrôleur (devrait être namespace App\Http\Controllers; ou similaire si dans un sous-dossier).
    • L'instruction use App\Http\Controllers\MonController; au début de votre fichier routes/web.php.
    • Que vous avez bien exécuté composer dump-autoload si vous avez récemment créé des classes dans des namespaces non standards (généralement pas nécessaire pour les contrôleurs dans App/Http/Controllers).
  • Erreur `Method App\Http\Controllers\MonController::maMethode does not exist.` :
    La méthode spécifiée dans la route n'existe pas dans le contrôleur. Vérifiez :
    • L'orthographe du nom de la méthode dans la route et dans le fichier du contrôleur.
    • Que la méthode est bien déclarée comme public.
  • Erreur `View [nom.de.la.vue] not found.` :
    La vue que votre contrôleur essaie de retourner n'a pas été trouvée. Vérifiez :
    • L'orthographe du nom de la vue dans la fonction view('nom.de.la.vue').
    • Que le fichier .blade.php existe bien dans le bon dossier à l'intérieur de resources/views/ (par exemple, resources/views/nom/de/la/vue.blade.php).
    • Que les points dans le nom de la vue correspondent bien à des sous-dossiers.
  • Erreur `Undefined variable: nomDeVariable` (dans une vue Blade) :
    Vous essayez d'utiliser une variable dans votre vue Blade qui n'a pas été passée par le contrôleur ou qui a un nom différent. Vérifiez :
    • Le tableau de données passé en second argument de la fonction view() dans votre contrôleur (par exemple, return view('ma.vue', ['nomDeVariable' => $valeur]);).
    • L'orthographe de la variable dans la vue ({{ $nomDeVariable }}).
  • Page blanche ou erreur PHP générique :
    Vérifiez les logs de Laravel situés dans storage/logs/laravel.log. Ils contiennent souvent des informations plus détaillées sur l'erreur. Activez également l'affichage des erreurs PHP si ce n'est pas déjà fait dans votre environnement de développement (la variable d'environnement APP_DEBUG=true dans votre fichier .env gère cela pour les pages d'erreur détaillées de Laravel).

Le débogage fait partie intégrante du processus de développement. Prenez le temps de lire attentivement les messages d'erreur ; ils sont votre meilleur allié pour résoudre les problèmes.

Conclusion de cette étape

Tester votre page dans le navigateur est le moment de vérité. C'est là que vous validez que tous les composants (route, contrôleur, vue) fonctionnent ensemble harmonieusement pour produire le résultat escompté. Cette étape, bien que simple en apparence, renforce votre compréhension du flux requête-réponse dans Laravel.

Maintenant que vous savez comment créer et tester une page basique, vous disposez des fondations nécessaires pour explorer des fonctionnalités plus avancées de Laravel et construire des applications web plus complexes et interactives.