How to send data from web page to Arduino UNO via ESP8266 module?

Question

Here is my HTML code for the page. I have used JQuery here. ESP8266 LED Control

<!-- in the <button> tags below the ID attribute is the value sent to the arduino -->

<button id="11" class="led">Toggle Pin 11</button> <!-- button for pin 11 -->
<button id="12" class="led">Toggle Pin 12</button> <!-- button for pin 12 -->
<button id="13" class="led">Toggle Pin 13</button> <!-- button for pin 13 -->

<script src="jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(".led").click(function(){
            var p = $(this).attr('id'); // get id value (i.e. pin13, pin12, or pin11)
            // send HTTP GET request to the IP address with the parameter "pin" and value "p", then execute the function
            alert("Sending Get Request");
            $.get("http://192.168.4.1:80/", {pin:p}); // execute get request
        });
    });
</script>
</body>
</html>

When I connect my PC to the wifi of ESP8266, I am able to control the LED connected on it. But I want to control it via Internet. ESP8266 module is connected to my modem's wifi, but I don't know what how to write in $.get() method in HTML page so that request is sent to arduino through web. I tried to put public IP address of my modem instead of 192.168.4.1(which is default for ESP8266) it didn't work.

You'll need to configure your modem/router to pass external traffic from port 80 (or better to use a different port) to 192.168.4.1:80 - how you do this will depend on the modem/router, and is really off-topic for stack overflow. But look for "port forwarding" or similar in your modem/router's admin web interface. — CupawnTae
– CupawnTae, Commented Sep 25, 2015 at 12:41
welcome. I guess maybe it might be useful to others and could be considered on-topic, so I've posted it as an answer. I'll let others decide if they want to close the question as off-topic, but at least it's working for you :) — CupawnTae
– CupawnTae, Commented Sep 28, 2015 at 13:38

CupawnTae · Accepted Answer · 2015-10-05 16:11:01Z

0

You'll need to configure your modem/router to pass external traffic from port 80 (or better to use a different port) to 192.168.4.1:80 - how you do this will depend on the modem/router.

Look for "port forwarding" or similar in your modem/router's admin web interface.

edited Oct 5, 2015 at 16:11

answered Sep 28, 2015 at 13:36

CupawnTae

14.7k3 gold badges31 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tapiwanashe Augustine · Accepted Answer · 2015-11-20 11:17:54Z

0

i have just used the button code above, i only had to get the esp8266 connected to an actual wifi network (internet enabled) and know its IP address (AT + CIFSR). I have a webserver on my PC and i can control the arduino via the esp. (i'm switching appliances)

edited Nov 20, 2015 at 11:17

answered Nov 20, 2015 at 10:47

Tapiwanashe Augustine

11 bronze badge

Collectives™ on Stack Overflow

How to send data from web page to Arduino UNO via ESP8266 module?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related