ESP01, GCC, Eclipse – jak wygodnie przesłać rozbudowany HTML z wieloma cudzysłowami?

Question

Witam. Programuję w gcc na Eclipsie. Postawiłem web serwer na ESP01, mniemam, że kompletny. Potrafię wysłać dane na stronkę, do przeglądarki, przez funkcję websocket_write_all(buf, strlen(buf), WEBSOCKET_TEXT); jako kod HTML strony jest zdefiniowane #define HTML_INDEX_PAGE wysyłane funkcją...

miszczo997 · Accepted Answer

Znalazłem swoje notki jak to zautomatyzować w eclipse na windowsie, przy każdej kompilacji zawartość folderu www będzie automatycznie generowana do pliku fsdata.c. Musisz sobie dostosować pod swój projekt, ja tego używałem z stm32.

1. Project->properties->C/C++ Build->Settings->Build Steps->PreBuild steps->Command
cmd /c "..\utils\makefsdata.bat"
2. Copy makefsdata.exe to main project folder, add msvcr100d.dll if needed to this same location
3. Make script in this same location ->makefsdata.bat
SET "mypath=%~dp0"
echo %mypath:~0,-1%
"%mypath:~0,-1%\makefsdata.exe" "%mypath:~0,-1%\stronaWWW"
move fsdata.c "%mypath:~0,-1%\Middlewares\Third_Party\LwIP\src\apps\httpd"
4. Tune folders with source, and output file

Promuję tematy:
15.09.2017 Prosty odtwarzacz radia internetowego oparty na ESP8266

JacekCz · Answer

Chaos. Zupełnie nie rozumiem co chcesz.

#define nie jest (choć wiem że głupie przykłady małpio kopiowane to preferują) najlepszych środkiem definiowania stałych czy zmiennych

A już #define w #define to nie może sie dobrze skończyc

Gdzie ten rzekomo dojrzały webserwer, skoro nadal patrzysz strasznie niskopoziomowo i z dumą stukasz kod, jakby go nie było?
Mityczny webserwer ma właśnie od takich bzdur uwolnić, i ma to udokumentowane dla użytkownika

zbynio_k · Answer

1. niskopoziomowo bo kod web serwera jest w gcc 2. tekst HTML akurat w przykładowo jako #define - nie widzę problemu w jednym zdaniu > jak wysłać kod strony w HTML do przeglądarki jako STRING ?

JacekCz · Answer

W jednym zdaniu: wysyłasz prawidłowo (zakładajac że nie ma tam \0, ale chyba nie). Tylko nie rozumiesz czym jest C-string sam w sobie (dowolna sekwencja znaków aż do \0 ) , a czym od niego się różni literał stringowy (zapis stałej w języku) Niestety, programowanie JEST PEŁNE zróżnicowanych abstrakcji, i robiąc coś bardziej skomplikowanego a nie odróżniając mamy problem. Daj linka, bo nie znam Dodano po 27 [minuty]: A ja widziałem wiele problemów

zbynio_k · Answer

postaram się być mniej chaotyczny, bardziej rzeczowy

1. może nie jestem super biegły w języku C(gcc) ale zawsze definiowałem zmienną tekstową ASCII tak
uint8_t *nazwa ={"ESP_MASTER"}; lub
uint8_t nazwa ={"ESP_MASTER"};
ew. char zamiast uint8_t

i akurat z takim ciągiem znaków ASCII niema problemu

2. w przykładowej stronie, ESP wysyła ciąg ASCII

"<!DOCTYPE HTML><html><head>OK > jest TU: #define HTML_INDEX_PAGE</head><body><div style='width: 400px; height: 800px; overflow:auto;' id='wdata'></div><script src='websocket_test.js'></script></body></html>"
temat więc prosty,

3. ja chcę wysłać do przeglądarki kod HTML strony (w załączeniu) i wydaje mi się, że tym sposobem nie jest to możliwe

4. link do "postawionego" web serwera
https://github.com/zyperpl/esp8266-websocket-server

Tak w ogóle to programuję AVR'y a w ESP dopiero wchodzę
ale zrobiłem parę działających projektów
zegary różnej maści z synchronizacją czasu po NTP, stacje pogodowe, komunikację po esp_now ...

edit - może podpowiesz jak to zrobić

JacekCz · Answer

Do zapisu skomplikowanych literałów stringowych (napisowych) w C++ masz akapit Nieprzetworzone literały ciągu (C++11) z

zbynio_k · Answer

na razie dzięki widzę, że wysłanie kodu html do przeglądarki nie jest takie proste chyba, że istnieje inna metoda niż wysyłanie ciągu ASCII ?

miszczo997 · Answer

Użyj makefsdata, który wygeneruje Ci tablice z Twojej paczki plików na serwer.
Tak to mniej więcej wygląda
https://github.com/plawnik/stm32f407_live_chart/tree/main/socket_test/LWIP/App
W www znajdują się pliki, które mają zostać umieszczone na serwerze, plik fsdata_custom.c to system plików w postaci tablic.
Jeżeli pracujesz na windowsie szukaj narzędzie makefsdata.exe, powinien być dostępny gdzieś z przykładami od ST. Będziesz też potrzebował jakieś dll, którą musisz umieścić w tym samym folderze co narzędzie, już nie pamiętam, która to dokładnie była, ale chyba coś od netframeworka - dostaniesz informację o brakującym pliku dll, gdy spróbujesz użyć narzędzia. Plik wynikowy dostaniesz po przeciągnięciu paczki plików serwera na plik exe.
Jeżeli pracujesz na linuxie, dostępny jest skrypt perla makefsdata.pl, który bez problemu powinieneś uruchomić.

Promuję tematy:
15.09.2017 Prosty odtwarzacz radia internetowego oparty na ESP8266

fred_onizuka · Answer

W kodzie HTML, różne nietypowe znaki można zapisać w postaci kodów. Jest kilka wersji zapisu takich znaków, np. cudzysłów to &_#_34_; lub &_quot_; (musiałem dodać znaki podkreślenia _, bo nie dało się ich tutaj inaczej zapisać).

JacekCz · Answer

Ciągle czekamy na mityczny kod serwera HTTP który jakoby jest zawarty w GCC. Takie przekodowania to elementarz. Chyba że to typowy kod arduinowy kopiowany od słabych programistów przez słabych programistów. ESP to już ma wystarczajaco mocy obliczeniowej, aby to zrobić bez dziwnych kompromisów, i intuicja mi mówi że istnieje w ekosystemie wysokiej jakości (tzn trzymajacy standardy) choć prosty serwer http Dodano po 12 [minuty]: Nawet samo określenie wpuszcza w mailny. To nie jest samoistna wysyłka, a DRUGA faza cyklu zapytanie-odpowiedź (request-response), i każdy jakościowy serwer HTTP zrobi to dobrze (łącznie z pierwszą)

zbynio_k · Answer

dzięki, używam eclipse z 03.25 i niema tam tych opcji, które pokazałeś
1. Project->properties->C/C++ Build->Settings->Build Steps->PreBuild steps->Command
nie mogę też znaleźć w necie pliku makefsdata.exe

ale Twoja podpowiedź naprowadziła mnie na trop > można konwertować np. online tekst HTML do tablicy HEX

wyświetliłem tą tablicę i ... działa
nie tak jakbym chciał bo przesyłam jako zwykły tekst
popróbuję przesłać jako
http_send_string(con, HTML_INDEX_PAGE, "text/html");

pozdro

miszczo997 · Answer

Gdzieś na 100% musi być w opcjach, poszukaj. Jak nie to możesz to ręcznie odpalać zawsze przeciągając paczkę plików na makefsdata Potrzebujesz dodać nagłówki plus content type na początku tablicy którą utworzyłeś. Przejrzyj ten przykład z githuba który wysłałem, rzeczywista strona zaczyna się od komentarza raw data, wcześniej masz wszystkie dodatkowe dane które muszą być wysłane wcześniej, które możesz sobie skopiować do swojej tablicy dla testu. Jak uruchomisz makefsdata to będzie generowane automatycznie.

ESP01, GCC, Eclipse – jak wygodnie przesłać rozbudowany HTML z wieloma cudzysłowami?

Post #1

Post #2

Post #3

Post #4

Post #5

Post #6

Post #7

Post #8

Post #9

Post #10

Post #11

Post #12

Post #13

Podsumowanie tematu