laboratoire
Cette procĂ©dure fait partie dâun laboratoire qui vous apprend Ă dĂ©panner votre application Web avec New Relic Browser. Si vous ne lâavez pas dĂ©jĂ fait, consultez lâ introduction du laboratoire.
Avant de pouvoir parcourir le laboratoire proprement dit, vous devez lancer votre application React. Ici, vous :
- Lancez votre application React
- Envoyez du trafic vers votre application avec un simple générateur de charge
Ouvrez une fenĂȘtre de terminal et clonez le rĂ©fĂ©rentiel de laboratoire.
$git clone https://github.com/newrelic-experimental/relicstaurants.gitAccédez au répertoire racine de votre application et passez au répertoire lab.
$cd relicstaurants$git switch browser-pro-lab-materialEnsuite, installez dĂ©pendance et exĂ©cutez lâapplication.
$npm install$npm run build$npm run newstartCela ouvre votre application Relicstaurants dans votre navigateur.
Saisissez votre adresse de livraison et recherchez des restaurants pour commencer.
Ici, vous voyez une liste de restaurants oĂč vous pouvez commander de la nourriture.
Choisissez un restaurant.
SĂ©lectionnez un ou deux articles et cliquez sur le panier.
Cliquez sur PAY.
Saisissez les informations de fausse carte suivantes et cliquez sur Finish payment pour passer votre commande.
Votre commande a été passée avec succÚs.
Ensuite, vous utilisez un simulateur pour générer plus de trafic vers votre application.
Dans une autre fenĂȘtre de terminal, accĂ©dez au rĂ©pertoire racine de votre application et exĂ©cutez le gĂ©nĂ©rateur de charge.
$# Navigate to the root directiory of your simulator$cd relicstaurants/simulator$# Switch to lab branch$git switch browser-pro-lab-material$# Install the simulator's dependencies$pip3 install -r requirements.txt$# Run the simulator$python3 simulator.py====== WebDriver manager ======Current google-chrome version is 99.0.4844Get LATEST chromedriver version for 99.0.4844 google-chromeImportant
Ce générateur de charge suppose que Google Chrome est installé sur votre ordinateur. Si vous utilisez un autre navigateur, ignorez cette étape et générez le trafic manuellement ou installez Google Chrome.
Maintenant que vous savez comment exĂ©cuter votre application, il est temps de l'instrumenter. Dans les fenĂȘtres du terminal qui exĂ©cutent votre application et votre simulateur, appuyez sur <CTRL-C> pour les arrĂȘter. Une fois votre application fermĂ©e, vous pourrez mettre Ă jour votre code pour introduire des outils monitoring .
laboratoire
Cette procĂ©dure fait partie dâun laboratoire qui vous apprend Ă dĂ©panner votre application Web avec New Relic Browser. Maintenant que vous avez configurĂ© votre environnement, instrumentez votre application avec l'agent de navigateur.