Buy from US Buy from UK Buy from DE Buy from IT Buy from FR Buy from ES Buy from JP

In this lesson, we will show you how to control the RGB LED from a remote browser .

We  will  use  Osoyoo Mega-IoT Shield  to connect the RGB and MEGA2560 MCU board.  Arduino MEGA2560 board can work as a web server. Remote browser can access this web server and control the RGB connected to the RGB interface of this shield.

OSOYOO MEGA2560 Board x 1
OSOYOO MEGA-IoT extension board x 1
USB Cable x 1
RGB PnP module x 1
4-pin PnP cable x 1

First, please plug OSOYOO MEGA-IoT Extension Board into MEGA2560 board:

Then connect the RGB  module to the RGB port of the OSOYOO MEGA-IoT Extension Board with a 4-pin PnP cable as below:(Jumper Cap should connect ESP8266 RX with A8, TX with A9)


Step 1 Install latest Arduino IDE  (If you have Arduino IDE version after 1.1.16, please skip this step).

Download Arduino IDE from https://www.arduino.cc/en/Main/Software?setlang=en, then install the software.

step 2 WifiEsp Library Installation (if you have installed WifiESP library, please skip this step)

OSOYOO MEGA-IoT extension TX/RX pin to Arduino A9/A8 pin by default. So in Arduino sketch code, we need use Software Serial Port to communicate with ESP8266 (set A9 as TX and A8 as RX in softwareserial object).

To use this wifi shield in Arduino IDE, we need download WiFiEsp-master library from following link:
https://osoyoo.com/driver/WiFiEsp-master.zip

Open Arduino IDE ->Sketch ->Include Library ->Add ,Zip library to load above zip files into Arduino IDE.

Step 3 After installing above library, please download the main code from following link.unzip the download zip file lesson5.zip, you will see a folder called smarthome-lesson5.
https://osoyoo.com/driver/smarthome/5/smarthome_lesson5.zip

Step 4  After above operations are completed, connect OSOYOO MEGA2560 Board to PC with USB cable.

Step 5 Open the Arduino IDE and choose corresponding board type and port type for you project.

Step 6 Arduino IDE: Click file -> click Open -> choose code “smarthome-lesson5”, load up the  sketch onto your Arduino.

Note: In the  sketch, find   following lines:

char ssid[] = "******"; // your network SSID (name)
char pass[] = "******"; // your network password

please replace the ****** with your correct wifi SSID and password, otherwise your project can not connect to Internet.

After loading the sketch to Arduino , open the serial monitor in the upper-right corner of Arduino IDE, you will see following result:


From the serial monitor ,  you can see the IP address of your MEGA2560 board in the read circle (in above picture, 192.168.50.8).

Then use your browser to visit the website http://mega2560-ip-address (in above case, http://192.168.50.8), you will see following result:

click the three links as showed in above picture, you will switch the color of RGB module which is connected to your MEGA2560 through the IoT Shield.