Introduction: GPIO Control From Web Browser Using 4Duino-24

Picture of GPIO Control From Web Browser Using 4Duino-24

In this project, we will learn how to control the on board 4Duino LED via I/O port (D13) from web browser. In built ESP8266 Wi-Fi module is configured as server enabling the 4Duino to receive commands from a web browser (client).

Step 1: How It Works

Picture of How It Works

Note: This project could be carried out only if the Client and the Server are in the same network because your home router prevents the 4Duino server to be accessed from internet. You can allow access to the 4Duino to the internet by enabling port forwarding. Hence, you can control the LED from anywhere around the world as long as you are connected to the internet.

Step 2: Implementation

Picture of Implementation

This projects only utilizes the inbuilt ESP8266 Wi-Fi module of 4Duino. Hence, there is no external circuitry required for this project.

  1. Note: Download the code here. Open the above file using Workshop 4.
  2. Simply change the SSID and the PASSWORD to suit your router, on both the program.
  3. Connect the first 4Duino (Client) to the PC using uUSB cable (similar to Arduino).Now click on the “Comp’nLoad” button on Program1 (Client).
  4. GPIO Control from web browser The 4Duino’s Local IP address is set to “10.0.0.82” by the program. Enter this IP address in the browser url field to obtain the web page from 4Duino.
  5. By typing “10.0.0.82/pin=13” in the url field to you can toggle LED connected to D13. You will notice that your 4Duino’s on board LED connected to pin 13 is turned ON. The program also allows you to control Pins D10 and D11 in the similar manner.

Step 3: Application

Picture of Application

As shown in the video attached in this instructables, you can use GPIO Control via wifi in a more creative way. You can add LED, servo and many more to expand your imagination.

For more projects kindly visit 4duino.com. !!! Enjoy. :)

Comments

About This Instructable

240views

7favorites

License:

Bio: 4D Makers is a group of curious engineers and enthusiasts who finds great satisfaction in creating and building anything from electronics.
More by 4D Makers:Function Generator ProjectVanity MirrorArlo: Motion Sensing Robot Featuring 4Duino-24 and ULCD
Add instructable to: