Make a Web Server Using Arduino

By jordanfung in CircuitsArduino

8,186

64Open Menu

6 circuits
Save PDF workshop
Favorite
craft
cooking
Introduction:
living
Make a Web Server Using Arduino
outside
Log InSignup

Search

By jordanfungJordan Fung's Homepage Follow More

Jordan Fung is a 14-year-old entrepreneur and programmer from Hong Kong. He is also the founder
and… More »

This Instructable is also available on Jordan's Lab Notebook

https://www.instructables.com/Make-a-Web-Server-using-Arduino/ 26/6/2024, 11 11
Page 1 of 9
:
 Today, we will make an arduino-based web server using the Ethernet Shield.

Lets take a look what we need:

1. Arduino Ethernet Shield

2. Arduino Uno

3. A Ethernet Connection Wire

4. A Ethernet connection (from a router)

5. Arduino USB cable (for writing codes to the board)

Steps:

1. Connect the Ethernet Shield and the Arduino Uno.

2. Plug in the Arduino USB Cable to the board and the computer. The led on the board should light
up.

3. On the computer, open Arduino IDE.

4. Open: File > Examples > Ethernet > WebServer

5. Change IPAddress ip(192,168,1,177); to IPAddress ip(192,168,0,177); and change EthernetServer

6. Click the button to upload the code to the board.

7. Connect the ethernet cable to the arduino board and the router.
Following
8. Navigate your browser to http://192.168.1.177, you should see the following:

You now have your web server in your own network!

In order to make your site visible to the public, you need port forwarding!

1. Open your router's configuration page, for example, my tp link router's link is tplinklogin.net.

2. Click on Forwarding (or Port Forwarding, Ports, etc, based on your router) from the menu.

3. Click "Add new"

4. Type in the following:

5. Click "Save".

https://www.instructables.com/Make-a-Web-Server-using-Arduino/ 26/6/2024, 11 11
Page 2 of 9
:
 6. Navigate to www.whatismyip.com

7. The IP Address shown on the website is the address of your website, for example, my address is
42.2.2.69, so my web server's website is 42.2.2.69:8081

You can now call your friends to test your website!

Be the First to Share

Did you make this project? Share it with us!

I Made It

Recommendations

Projects
back
All Projects
Circuits
back
AI/IoT Yellow Legged Asian Hornet Nest Localizer by PrintThatBoii
All
Apple
Arduino
Art
Assistive Tech
Audio
Cameras
Clocks
Computers

https://www.instructables.com/Make-a-Web-Server-using-Arduino/ 26/6/2024, 11 11
Page 3 of 9
:
 Electronics
Gadgets
Lasers
LEDs
Linux
Microcontrollers
Microsoft
Mobile
Raspberry Pi
Remote Control
Reuse
Robots
Sensors
AI Lamp - How toSoftware
Use AI in Arduino! by mondal3011
Soldering
Speakers
Tools
USB
Wearables
Websites
Workshop
Wireless
back
All
3D Design
3D Printing
Cars
CNC
Electric Vehicles
AI-Designed NightEnergy
Lamp by Aarav G
Furniture
ESP32-Based Wireless
HomeSmartwatch
Improvement| LiDAR Distance Sensor and WiFi Scanning | Gateway by
RoboticWorx Home Theater
Hydroponics
Text Contest
Knives
Laser Cutting
Lighting
Metalworking
Molds & Casting
Motorcycles
Organizing
Pallets
Repair
Science
Shelves
Water Contest
Solar

https://www.instructables.com/Make-a-Web-Server-using-Arduino/ 26/6/2024, 11 11
Page 4 of 9
:
 Tools
Woodworking
Make it Resilient
Workbenches

Craft
back
All
Art
Books & Journals
Cardboard Comment
Cards
Clay
Costumes & Cosplay
Digital Graphics
Duct Tape
Embroidery I Made It
Fashion
Felt
We have a be nice Fiber
policy.Arts
Please be positive and constructive.
Gift Wrapping
Jewelry
Knitting & Crochet
Leather
Mason Jars
No-Sew 6 Comments
Paper
Parties & Weddings
Photography
Printmaking
cherzog2 10 years ago
Reuse
Sewing
Soapmaking
Wallets
Why am I getting an error when I go to the webpage 192.169.1.177?

Cooking
back
All Reply
Bacon
BBQ & Grilling
3 replies
Beverages
Bread
Breakfast
Cake
cherzog2 10 years ago

https://www.instructables.com/Make-a-Web-Server-using-Arduino/ 26/6/2024, 11 11
Page 5 of 9
:
 cherzog2Candy
10 years ago
Canning & Preserving
Cocktails & Mocktails
Coffee
you would also need an FTP server to upload your files for your website correct?
Cookies
Cupcakes
Dessert
Homebrew Reply
Main Course
1 reply Pasta
Pie
Pizza
Salad
Sandwiches Post a comment
Snacks & Appetizers
AboutContact
Soups & Stews
Vegetarian & Vegan

Sitemap | TOS | Privacy Statement | Privacy settings | Legal

Living
back
All
Beauty
Christmas
I Made It FavoriteCleaning
View Comments Share More Options
Facebook Decorating
Twitter Pinterest Google Classroom
Flag Education
Gardening
Wrong Category Halloween
InappropriateHealth
Incomplete Hiding Places
Spam Holidays
Homesteading
Are you sureKids you want to flag this instructable as ?
Kitchen
Cancel Confirm
LEGO & K'NEX
Life Hacks
Edit
Music
Office Supply Hacks
Organizing
Pest Control
Pets

https://www.instructables.com/Make-a-Web-Server-using-Arduino/ 26/6/2024, 11 11
Page 6 of 9
:
 Pranks, Tricks, & Humor
Relationships
Toys & Games
Travel
Video Games

Outside
back
All
Backyard
Beach
Bikes
Birding
Boats
Camping
Climbing
Fire
Fishing
Hunting
Kites
Knots
Launchers
Paracord
Rockets
Siege Engines
Skateboarding
Snow
Sports
Survival
Water

Teachers
back
All
ELA
Math
Micro:bit

https://www.instructables.com/Make-a-Web-Server-using-Arduino/ 26/6/2024, 11 11
Page 7 of 9
:
 Science
Social Studies
Engineering
MakeyMakey
Coding
Electronics
Robotics
Arduino
CNC
Laser Cutting
3D Printing
3D Design
Art
Music
Theatre
Wood Shop
Metal Shop
Resources
Grades K-2
Grades 3-5
Grades 6-8
Grades 9-12
University+

https://www.instructables.com/Make-a-Web-Server-using-Arduino/ 26/6/2024, 11 11
Page 8 of 9
:
 Contests
Teachers

https://www.instructables.com/Make-a-Web-Server-using-Arduino/ 26/6/2024, 11 11
Page 9 of 9
: