Web server với Arduino và ESP8266

I. Giới thiệu

Ở bài viết trước, mình có hứa sẽ chia sẻ về cách sử dụng các tập lệnh AT để giao tiếp với ESP8266. Và hôm nay, mình sẽ chia sẻ cách tạo websever bằng Arduino và ESP8266  sử dụng tập lệnh AT để giao tiếp giữa 2 board Arduino và ESP8266 nhé. Thử tạo một project nho nhỏ xây dựng web sever để điều khiển led trên pin của arduino thông qua esp8266 thôi nào.

II. Chuẩn bị

III. Nối dây

Cách nối với led đã qua quen thuộc r laugh

Sau đó các bạn kết nối Arduino với ESP8266 như sau:

IV. Code

Bạn hãy xem lại bài viết trước của mình tại đây để nắm được lệnh AT nhé!!!

code được tham khảo tại: http://allaboutee.com/2015/01/20/esp8266-android-application-for-arduino-pin-control/

#include <SoftwareSerial.h>
#define DEBUG true

SoftwareSerial esp8266(10, 11); //  10-RX, 11-TX 
char x;
void setup() {
  Serial.begin(9600);
  esp8266.begin(9600); // chu y phai cung toc do voi ESP 8266

  pinMode(13, OUTPUT); // tuong tu chan 12
  digitalWrite(13, LOW);
  //========================gui tap lenh AT cho ESP 8266 de cai dat cac tham so cho WiFi================================
  guidulieu("AT+RST\r\n", 2000, DEBUG); // reset module
  guidulieu("AT+CWMODE=1\r\n", 1000, DEBUG); // Chọn chức năng client cho esp
  guidulieu("AT+CWJAP=\"DHT_CODER\",\"arduino\"\r\n", 1000, DEBUG); // Kết nối với wifi 
  guidulieu("AT+CIFSR\r\n", 1000, DEBUG); // xem ip là bn
  guidulieu("AT+CIPMUX=1\r\n", 1000, DEBUG); // configure for multiple connections
  guidulieu("AT+CIPSERVER=1,80\r\n", 1000, DEBUG); // Mở cổng 80
}

void loop() {
  while (esp8266.available()) {
    IncomingChar(esp8266.read());
  }

  if (x) {
    // Đây là giao diện web page viết dưới dạng html...các bạn có thể dễ dàng edit

    String html = "<HTML>"
    "<HEAD><TITLE>DO_HUU_TOAN_IOT</TITLE>"
    "<form action=\"\" method=\"get\">"
    "<input type=\"radio\" name=\"LED\" value=\"RED_ON\"> LED_ON"
    "<input type=\"radio\" name=\"LED\" value=\"RED_OFF\"> LED_OFF<br>"
    "<input type=\"submit\" value=\"Submit\">"
    "</form>"
    "</BODY></HTML>";

    String cipsend = "AT+CIPSEND=0,"; //gui chuoi data qua Wifi

    cipsend += html.length();
    cipsend += "\r\n";
    guidulieu(cipsend, 1000, DEBUG);
    guidulieu(html, 1000, DEBUG);
    guidulieu("AT+CIPCLOSE=0\r\n", 1000, DEBUG);
    x = 0;
  }

}

void IncomingChar(const byte InChar) {
  static char InLine[300]; //Hạn chế ký tự
  static unsigned int Position = 0;

  switch (InChar) {
  case '\r': //Cái này là xuống dòng...cho linux
    break;

  case '\n': // xuống dòng cho window...( kết thúc bảng tin )
    InLine[Position] = 0;
    ProcessCommand(String(InLine));
    Position = 0;
    break;

  default:
    InLine[Position++] = InChar;

  }
}

void ProcessCommand(String InLine) {
  Serial.println("InLine: " + InLine);

  if (InLine.startsWith("+IPD,")) {

    x = 1;
  }
  // lện String.indexOf(kytu)...chả về vị trí của kytu trong chuỗi String...Nếu giá trị trả về là -1...tức là kytu không xuất hiện trong chuỗi String
  if (InLine.indexOf("RED_OFF") != -1) {

    digitalWrite(12, LOW);
    digitalWrite(13, LOW);
  }

  if (InLine.indexOf("RED_ON") != -1) {

    digitalWrite(13, HIGH);
  }
}

String guidulieu(String lenh,
  const int thoigian, boolean debug) {
  String chuoigiatri = "";

  esp8266.print(lenh); // send the read character to the esp8266

  long int time = millis();

  while ((time + thoigian) > millis()) {
    while (esp8266.available()) {

      // The esp has data so display its output to the serial window 
      char c = esp8266.read(); // read the next character.
      chuoigiatri += c;
    }
  }

  if (debug) {
    Serial.print(chuoigiatri);
  }

  return chuoigiatri;
}

V. Tổng kết

Như vậy, là các bạn đã có thể điều khiển tạo được web sever bằng arduino và esp8266 rồi đấy!!!!! Thật đơn giản phải không?? Chúc các bạn thành công nhé!!!

lên
22 thành viên đã đánh giá bài viết này hữu ích.
Các dự án được truyền cảm hứng

ST7565 và ESP8266 - Màn hình LCD bự chà bá chưa đến 100k cho thế giới IoT

Mình rất thích LCD ST7565 này, và đã đặt liền 4 con mà mỗi con quá rẻ có 20k. Nhưng khổ một điều, điện áp hoạt động và IO của LCD ST7565 có 3.3V. Bản thân mình lại không thích việc chơi điện trở để chơi LCD này với Arduino. Lý do đơn giản là phải hàn quá nhiều, mình lại lười crying. Hổm nay, mình đang làm loạt bài về ESP8266 và cũng phải gặp vấn đề điện trở để làm cầu phân áp khi giao tiếp giữa ESP8266 và Arduino.

lên
17 thành viên đã đánh giá bài viết này hữu ích.

Thư viện ST7565 trên Arduino Create - Thử nghiệm đầu tiên: Hoàn hảo!

Mình rất tự hào và hãnh diện, khi thư viện made in Việt Nam đầu tiên của Thái Sơn (Nick Chung) được mình tải lên tại Arduino Create với mục đích thử nghiệm việc biên dịch code online trên Arduino Create đã hoàn thành công việc của nó ngay trong lần thử đầu tiên. Qua bài viết này, mình xin hướng dẫn các bạn lập trình Arduino với Arduino Create thông qua việc làm một ví dụ mẫu về việc cài thư viện và sử dụng nó trên Arduino Create.

lên
7 thành viên đã đánh giá bài viết này hữu ích.
Các bài viết cùng tác giả

Điều khiển thiết bị bằng tin nhắn dùng SIM900A với tập lệnh AT

Module SIM900a là một giải pháp toàn diện cho việc điều khiển và giám sát thiết bị từ xa. Đại khái là module SIM900A được coi như 1 em nokia 1280 với chức năng nghe gọi, nhắn tin, GPRS,...Sau một thời gian dài gác phím, hôm nay, mình sẽ chia sẻ cách dùng module SIM900a đọc cú pháp tin nhắn gửi đến và điều khiển thiết bị sử dụng tập lệnh AT nhé laugh

lên
14 thành viên đã đánh giá bài viết này hữu ích.

Phần 4. Tiếp nối dự án Robot dò line

Tiếp nối chuỗi bài viết của bạn Đinh Hồng Thái về robot dò line...Nhưng vì lý do nào đó, bạn Thái đã ngừng chuỗi bài viết của mình một cách dở dang!!! Hôm nay, mình sẽ hướng dẫn các bạn phần cuối của Series Robot dò line của bạn Đinh Hồng Thái.

lên
28 thành viên đã đánh giá bài viết này hữu ích.