본문 바로가기

webserver

 (52)
[RP2350_W6100] 웹서버 테스트 - 거리감지 센서 (VL53L0x) 실시간 그래프 출력 테스트 (Arduino) 기존에 테스트 했던 실시간 웹페이지 그래프 출력 테스트는 자바스크립트를 이용하여 그래프를 출력 했는데 CSS 코드만으로 그래프를 출력 할수 있도록 했다. 좀더 심플하고 빠르게 반응할수 있도록 했다. https://youtube.com/shorts/xl4ieCCOBx4   RP2350 VL53L0x, PCF8574 거리 측정 테스트 코드를 이용해서 거리 측정 결과를 실시간으로 웹페이지에 출력하는 예제를 테스트해 보자먼저 페이지 요청이 올때마다 거리 감지센서 VL53L0x의 거리 값을 읽어와 업데이트 할수 있도록 수정하자.int ReadDistance(void){ int disp[] = {1,3,7,0xf,0x51f,0x3f,0x7f,0xff}; int i, distance; delay(20); di..
[RP2350_W6100] W6100을 이용한 웹서버 테스트 - 실시간 그래프 출력 [RP2350_W6100 SM] 보드를 이용하여 웹페이지 기본 테스코드를 이용하여 ADC전압값을 표시하는 웹서버 예제를 테스트 해 보자.RP2350을 이용하여 Arduino IDE에서 W6100의 Iperf TCP Throughput 측정 테스트 에서 18Mbps 의 전송률이 나오므로 실시간 웹페이지 출력이 가능할것 같다. https://youtube.com/shorts/2fakcUtC8cw   우선 수정이 필요한 웹페이지 파일을 새로 작성하자html_realtime_read_test1.h// HTML 페이지const char index_html[] PROGMEM = R"rawliteral( ADC Value 0mV )rawliteral";  [RP2350_W6100 SM] 보드를 이용하여 웹페..
[RP2350_W6100] Arduino - W6100을 이용한 웹서버 테스트 Arduino IDE에서 Iperf TCP Throughput 측정 테스트 에서 18Mbps 의 전송률이 빠르기 때문에 다양한 웹관련 예제를 작성해 볼 수 있을것 같다. 우선 [RP2040_W6100] 웹서버 테스트 - Base64 인코딩 방식 이미지 출력하기 테스트 코드를 수정해서 좀더 사이즈가 큰 이미지를 전송할 수 있도록 수정해 보자  RP2350에서 W6100을 이용한 웹페이지 출력 코드기존에 사용하던 코드에서 좀더 쉽게 코드를 수정할 수 있는 구조로 변경하였다.우선 라이브러리 관련 설정 파일을 defines.h 파일로 분리해서 다양한 옵션을 적용 할수 있도록 수정했다. defines.h웹서버의 이미지 전송 속도를 높이기 위해  DMA를사용하도록 했다.#define ETHERNET_USE_RPIP..
[ESP32-C6 SSM] WiFi AP 모드 웹서버 테스트 ESP32는 AP(access point) 기능이 있고  스마트 폰, 노트북 등이 ESP32에 접속하여 기기를 제어 할 수 있다. 기존에 제작했던 프로젝트에서 ESP32의 AP 기능을 이용해서 핸드폰으로 원격지의 보드에 접속해서 간단한 설정이나 제어를 해야 하는 상황이 되었다.ESP32C6의 AP 모드를 테스트 해 보자. ESP32C6의 AP모드를 설정하고 AP가 검색되는 간단한 예제를 구동해 보자.#include #include const char *ssid = "ESP32-AP";const char *password = "123456789";#define LED_PIN 14#define Led1On() digitalWrite(LED_PIN, 0) #define Led..
[W55RP20 SSM] W5500 Ethernet - 웹서버 입력 테스트 지난번 포스트에서는 W55RP20에서 웹서버 출력 관련 테스트를 했는데 이번에는 서버에서 값을 입력 받는 테스트를 해 보자  먼저 Raspberry Pi PicoW - Ajax 를 이용한 실시간 웹 전압 디스플레이(https://nexp.tistory.com/3907 )  Raspberry Pi PicoW - Ajax 를 이용한 실시간 웹 전압 디스플레이ESP32-S2 웹서버 테스트 - Ajax 를 이용한 실시간 데이터 수신 테스트 코드를 이용하여 실시간 웹 디스플레이 테스트를 해보자. 코드는 거의 동일하게 구동된다. Pi Pico 확장 테스트 보드에는 ADC를 테nexp.tistory.com를 참고 해서 웹페이지를 작성 한다 이번에는 페이지를 쉽게 변경하기 위해 웹페이지를 바이너리로 변환해서 처리 하도..
[W55RP20 SSM] W5500 Ethernet - 웹서버 테스트(웹서버 라이브러리 함수 문제 발생 및 수정) 이더넷 기능을 사용하는 대부분의 예제에서 웹서버는 필수적으로 필요한 부분이라 테스트가 필요하다. 기존의 Aruino 환경에서 웹서버 예제는 많은 부분이 라이브러리로 구현되어 있어 간단하게 구현 하였는데 SDK를 이용한 웹서버는 여러가지 처리해 주어야 하는 것이 많다. 이전 포스트에서 DHCP 테스트 코드를 조금 수정해서 DHCP로 IP를 할당 받으면 웹서버를 수행하는 코드로 작셩했다.(참고 W55RP20 웹서버 예제 : https://github.com/WIZnet-ioNIC/WIZnet-PICO-C/tree/main/examples/http/server) #include "port_common.h"#include "wizchip_conf.h"#include "w5x00_spi.h"#include "so..
[ESP32S3-SSM] 웹서버 테스트 - PWM LED제어 ESP32-S3 를 이용하여 소형의 [ESP32-S3 SSM] 보드 제작 했으니  WiFi 기능을 테스트 해 보자. WiFi 기능 테스트를 위해  SPIFFS 웹서버 를 구현해 보았다. 내장 플래시 메모리에 웹페이지를 쉽게 수정할 수 있는 SPIFFS를 이용한 웹페이지 테스트 예제를 이용하여 작성 하였다.https://nexp.tistory.com/3375 ESP32 비동기 AsyncWebServer - SPIFFS 사용ESP32 웹서버 테스트시 좀더 화려한 웹페이지를 만들기 위해 HTML 코드나 CCS 파일을 수정하는 일이 많은데 이번에는 ESP32의 SPIFFS 파일 시스템에 올려서 웹서버를 구현 하는 테스트를 해 보았다. 이nexp.tistory.com  웹페이지의 Slider값의 변경 사항을 반영..
[RP2040_W6100] 웹서버 테스트 - Base64 인코딩 방식 이미지 출력하기 [RP2040_W5500] 보드를 이용하여 웹페이지 출력 테스트 예제를 참고로 W6100에서 웹서버 예제를 테스트 해 보자 [RP2040_W5500] Webserver 테스트지난 포스트에서 Ethernet_Generic 라이브러리를 이용해서 이더넷 전송 속도 개선을 했고 이제 웹서버를 구현 해 보자 웹서버의 가장 기본이 되는 뼈대 코드를 작성해보자. 새로운 라이브러리로 ESP32nexp.tistory.com 이번에는 이미지를 출력해 보면 좋을것 같다. 웹페이지에 이미지를 출력하는 방법은 여러 가지가 있지만 가장 간단하게 할 수 있는 Base64 인코딩 방식으로 이미지를 출력 해보자 #define USE_W5100 false#define USE_THIS_SS_..

티스토리툴바