Вот мой HTML-код для страницы. Я использовал JQuery здесь. Управление светодиодом ESP8266
<!-- 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>
Когда я подключаю свой компьютер к Wi-Fi ESP8266, я могу управлять подключенным к нему светодиодом. Но я хочу управлять им через Интернет. Модуль ESP8266 подключен к Wi-Fi моего модема, но я не знаю, что написать в методе $.get()
на HTML-странице, чтобы запрос отправлялся на Arduino через Интернет. Я попытался указать общедоступный IP-адрес моего модема вместо 192.168.4.1 (по умолчанию для ESP8266), это не сработало.
192.168.4.1:80
- то, как вы это сделаете, будет зависеть от модема/маршрутизатора и не относится к теме переполнения стека. . Но ищите переадресацию портов или что-то подобное в веб-интерфейсе администратора вашего модема/маршрутизатора. - person CupawnTae   schedule 25.09.2015