WEBSERVER 만들기(웹서버로 AP 설정하기-3) BY ARDUINO LIBRARY

이번 포스트는 저번 포스트를 좀 더 개선한 버전입니다.

WEBSERVER 만들기(웹서버로 AP 설정하기-2) BY ARDUINO LIBRARY

소스파일 다운로드 

이전 버전에서 개선된 버전이므로 위 링크를 눌러 먼저 확인하시고 보시면 더 쉽게 이해됩니다.

String s = header;
s +="<h1 align='center'>JME PLUG Wifi(AP) Setting!!</h1></br>";
s +="<h2 align='center'>Select your AP and typing password</h2></br>";
s += "<form method='post' action='save' align='left'>";
int netcount = WiFi.scanNetworks();
 
for (int i = 0; i < netcount; ++i) {
    String ssid=WiFi.SSID(i);
    int32_t rssi=WiFi.RSSI(i);
    String rssi_s;
    if(rssi>-50)
        rssi_s="__________Execellent";
    else if(rssi>-60)
        rssi_s="__________Good";
    else if(rssi>-70)
        rssi_s="__________Fair";
    else
        rssi_s="__________Poor";
 
    s += "<input type='radio' name='ssid' value='"+ssid+"'>";
    s += ssid+rssi_s;
    s += "<br>";
} 
 
s +="<br>Password: <input type='text' name='pw'>";
s += "<br><input type='submit' value='Save'></form>";
s += footer;
Web.send(200, "text/html", s); 

이전 포스트에서는 AP선택을 select방식으로 했지만 이번에는 라디오 버튼으로 선택하도록 했습니다.

Line 20 : 라디오 버튼으로 출력하는 부분입니다.

Line 21 : 이 부분은 AP의 출력세기를 그림으로 나타낸 부분입니다.

Line 11~18 : AP의 출력을 기준으로 그림의 위치를 string으로 저장해 줍니다.

실행화면입니다.