---
title: "W5300-TOE Arduino Web Server"
url: "https://maker.wiznet.io/scarlet/projects/w5300-toe-arduino-web-server/"
markdown_url: "https://maker.wiznet.io/scarlet/projects/w5300-toe-arduino-web-server/md"
type: "UCC: User Created Content"
author: "scarlet"
author_url: "https://maker.wiznet.io/scarlet/"
original_author: "scarlet"
original_url: "https://github.com/Wiznet/W5300-TOE-Arduino/tree/main/Ethernet/examples/WebServer"
published: "2023-03-31"
language: "en"
tags: ["toe-design-contest-ref"]
hardware: ["WIZnet W5300-TOE-Shield"]
likes: 1
views: 4822
comments: 0
source: "WIZnet Makers (https://maker.wiznet.io/)"
---

# W5300-TOE Arduino Web Server

> This example uses a STM32 Nucleo-144 board with W5300-TOE to create a web server that responds to client requests.

Original author: scarlet (source: https://github.com/Wiznet/W5300-TOE-Arduino/tree/main/Ethernet/examples/WebServer)

## Components

- **WIZnet W5300-TOE-Shield** x 1 ([docs](https://wiznetshop.io/))
- Software: **Arduino IDE** ([docs](https://www.arduino.cc/en/software))

## Documents and links

- [official git](https://github.com/Wiznet/W5300-TOE-Arduino/tree/main/Ethernet/examples/WebServer) (code)

## Article

## How to Web Server Example

This example uses a STM32 Nucleo-144 board with W5300-TOE to create a web server that responds to client requests.

## Step 1: Prepare software

The following serial terminal programs are required for WebServer example test, download and install from below links.

- [**Tera Term**](https://osdn.net/projects/ttssh2/releases/)

## Step 2: Prepare hardware

Combine W5300-TOE Shield with STM32 Nucleo-144 board.

Connect ethernet cable to W5300 TOE Shield ethernet port.

Connect STM32 Nucleo-144 board to desktop or laptop using 5 pin micro USB cable.

## Step 3: Setup WebServer Example

* Please refer to the following **[Getting Start]** page for instructions on configuring the Arduino IDE

<https://github.com/Wiznet/W5300-TOE-Arduino/blob/main/Static/documents/getting_started.md>

To test the WebServer example, minor settings shall be done in code.

1. Setup network configuration.

Setup **network configuration** such as IP and UDP Port in '**WebServer.ino**' in '**Ethernet/examples/WebServer**' directory.

```
byte mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED};
IPAddress ip(192, 168, 11, 111);
```

To set the port for the web server.

```
#define SERVER_PORT 5000
```

## Step 4: Build and Download

After completing the WebServer example configuration, build in the IDE you are using.

When the build is completed, download the firmware to the STM32 Nucleo-144 board.

## Step 5: Run

1. Connect to the serial COM port of STM32 Nucleo-144 board with Tera Term.

[![](https://github.com/Wiznet/W5300-TOE-Arduino/raw/main/Static/images/examples/teraterm_setting.png)](https://github.com/Wiznet/W5300-TOE-Arduino/blob/main/Static/images/examples/teraterm_setting.png)

2. If the WebServer example works normally on STM32 Nucleo-144 board, you can see the network information of STM32 Nucleo-144 board and the WebServer is open.

[![](https://github.com/Wiznet/W5300-TOE-Arduino/raw/main/Static/images/examples/web_server_setting_up.png)](https://github.com/Wiznet/W5300-TOE-Arduino/blob/main/Static/images/examples/web_server_setting_up.png)

3. Connect to the WebServer using Web browser. When connecting to the WebServer, you need to enter is the IP and port that was configured in Step 3, the port is 5000 by default.

[![](https://github.com/Wiznet/W5300-TOE-Arduino/raw/main/Static/images/examples/web_server_browser.png)](https://github.com/Wiznet/W5300-TOE-Arduino/blob/main/Static/images/examples/web_server_browser.png)

---

Source: https://maker.wiznet.io/scarlet/projects/w5300-toe-arduino-web-server/