* ESP8266 WEB IoT 구성하기

저번 블로그에서 ESP8266 필드 & 파일 업로드 방법을 알려드렸습니다.

https://all-share-source-code.tistory.com/56

아두이노로 ESP8266(ESP01)필드 & 파일 업로드(SPIFFS) 초간단

 

이번에는 ESP8266(ESP01)으로 WEB IoT 구성해보겠습니다.

 

일단 기본적으로 위 링크를 통해서 파일 업로드를 진행하셔야 합니다.

 

 

소스코드

https://github.com/h12sw06/ESP8266_WEB_IoT

GitHub - h12sw06/ESP8266_WEB_IoT

(코드 설명은 소스코드 안에 되어있으니 생략)

 

 

사용법1

소스코드 다운로드하고 앞축을 풀면

Final_ESP8266_CODE1.ino 파일이 있습니다.

일단 다운로드한 폴더를 이름을 변경해야 됩니다.

Final_ESP8266_CODE1.ino과 같은 이름으로 Final_ESP8266_CODE1로 폴더 이름을 변경해줍니다. [아래 이미지 참조]

 

Final_ESP8266_CODE1.ino 파일을 열고 ESP8266 파일 업로드 먼저 진행해줍니다. [ESP8266 파일 업로드 방법]

그리고 코드 빌드&코드 업로드를 진행합니다. [코드 빌드 & 코드 업로드 방법]

(참고 : 업로드 도중 에러 발생시)

 

모두 완료되면 아두이노 IDE 우측에 돋보기 모양(시리얼 모니터) 클릭합니다

그럼 창이 하나 나오는데 그 상태에서 ESP의 리셋 버튼 눌러줍니다.

(리셋 버튼은 하드적으로 구성해야 되고 해당 링크에서 보면 이미지에 '1'이라는 푸시버튼만 눌러주면 됩니다.)

 

그러면 아래 이미지와 같은 내용이 나오면 성공입니다!!

 

 

사용법2

코드 업로드 성공하시고 리셋하면

ESP01_WIFI 와이파이가 하나 나올 겁니다.

거기서 보안키는 '12345678' 입력 후 연결하시면

 

ESP에서 나오는 IP주소를 복사하여(ESP 게이트웨이[IPv4 기본 게이트웨이])

 

WEB창에 입력하면

아래와 같이 나오게 됩니다.

그리고 나머지는 코드를 분석해서 회로도를 맞게 설정 후

사용하시면 되겠습니다.

 

지금 제가 올려드린 소스코드는 SERVER 쪽이랑 연결해서

외부에서도 사용할 수 있게도 구성되어 있는 코드입니다.

 

지금 까지 설명드린 건 ESP자체(로컬)에서만 구성되어 있는 걸 설명드렸습니다.

좀만 코드 분석하실 줄 아시면 서버랑 연결해서 구성하실 수 있습니다.

(서버와 연결방법도 필요하신 분은 댓글 주세요 한번 블로그 올려보도록 하겠습니다.)

 

 

확인 영상

https://youtu.be/vaXV3Hh1i0A

해당 영상에 나오는 릴레이는 'ESP01/01S Relay v4.0' 입니다.

 

참고사항

아래와 같이 파일 업로드 중

오류가 나와도 그냥 무시하세요 [가끔씩 나오더라고요... 그래도 업로드는 잘되어 있습니다.]

 

그리고 아마 아두이노 라이브러리도 필요하실 겁니다.

2.아두이노 라이브러리.zip

0.74MB

 첨부해드리도록 하겠습니다.