• Log inStart now

Set up your lab environment

5 min

lab

This procedure is part of a lab that teaches you how to troubleshoot your web app with New Relic browser. If you haven't already, check out the lab introduction.

Before you can walk through the lab proper, you need to spin up your React application. Here, you:

  • Spin up your React application
  • Send traffic to your app with a simple load generator
Step 1 of 7

Open a terminal window and clone the lab repository.

bash
$
git clone https://github.com/mehreentahir16/browser-pro-lab-material.git
Step 2 of 7

Navigate to the root directory of your application, install dependencies, and run the application.

bash
$
cd browser-pro-lab-material
$
npm install
$
npm run build
$
npm run newstart

This opens your Reliqstaurants application in your browser.

Reliqstaurants homepage

Enter your delivery address, and search for restaurants to get started.

nearby restaurant list

Here, you see a list of restaurants where you can order food.

Step 3 of 7

Choose a restaurant.

choose a restaurant

Step 4 of 7

Select an item or two and click on cart.

select food

Step 5 of 7

Click PAY.

checkout

Step 6 of 7

Enter the following fake card information and click Finish payment to place your order.

fake card

Your order is successfully placed.

purchase

Next, you use a simulator to generate more traffic to your application.

Step 7 of 7

In another terminal window, navigate to the root directory of your application, and run the load generator.

bash
$
# Navigate to the root directiory of your simulator
$
cd browser-pro-lab-material/simulator
$
# 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.4844
Get LATEST chromedriver version for 99.0.4844 google-chrome

Important

This load generator assumes you have Google Chrome installed on your computer. If you're using a different browser, either skip this step and generate traffic manually, or install Google Chrome.

Now, that you know how to run your application, it's time to instrument it. In the terminal windows that are running your application and simulator, press <CTRL-C> to shut them down. With your app shut down, you'll be able to update your code to introduce monitoring tools.

lab

This procedure is part of a lab that teaches you how to troubleshoot your web app with New Relic browser. Now that you've set up your environment, instrument your application with browser agent.

Copyright © 2022 New Relic Inc.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.