✎ lvgl_emscripten_wasm [DokuWiki

Seite bearbeiten und [Speichern] drücken. Siehe syntax zur Wiki-Syntax. Bitte nur editieren, falls Sie das Dokument tatsächlich verbessern können. Zum Testen bitte erst in der Testumgebung üben.

====== emscripten Devcontainer ======

Unter [[https://dev.to/frorning/introduction-to-webassembly-wasm-4g35]] gibt es eine sehr gute Anleitung um einen devcontaier für emscripten aufzusetzen. Mit emscripten lässt sich C++-Code zu lauffähigen WASM-Programmen kompilieren.

Um mit emscripten zu kompilieren, muss man auf dem Rechner einiges installieren und die Umgebung anpassen. Mit dem Devcontainer fällt das weg. Der Devcontainer ist also die ideale Art, um mit emscripten zu entwickeln.

====== LVGL-Demo für emscripten ======

Unter [[https://github.com/lvgl/lv_web_emscripten]] gibt es das LVGL-Demo, welches sich mit emscripten kompilieren lässt.

Im Dockerfile für den Devcontainer müssen drei Packages installiert werden. Danach lässt sich das Demo tatsächlich kompilieren und das Demo wird auf einer html-Seite angezeigt.

Die drei zusätzlichen Packages sind

<code bash>
    apt-get install -y libsdl2-2.0-0 && \
    apt-get install -y libsdl2-dev && \
    apt-get install -y python3.10-venv && \
</code>

====== Aktueller Stand ======

Der devcontainer funktioniert sehr gut. Mit dem KI-Assistenten konnte eine eigener lvgl-Dialog mit Schalter und Label erstellt werden. Eine Verbingung zum Homeassistant über mqtt funktioniert. Die Daten aus javascript und dem C-Code für LVGL funktioniert.

Nach dem Neuaufsetzen des DevContainers muss einmal lvgl abgerufen werden. Dazu ist im Terminal folgendes aufzurufen:

<code bash>
    git submodule init
    git submodule update
</code>
 
Der Build muss vorbereitet werden mit:

<code bash>
    mkdir cmbuild
    cd cmbuild
    emcmake cmake ..
    emmake make -j4`
 
    # Es funktioniert dann auch 
    make -j4
</code>

===== Debuggen mit den Dev-Tools im Chrome-Browser =====

Grob nach der Anleitung hier: [[https://developer.chrome.com/docs/devtools/wasm?hl=de]]

In der Extension C/C++ DevTools Support (DWARF) muss bei den Path Substitutions als 
<code> /old/path /workspaces/lvgl_emscripten_HomeDashboard </code> eingetragen werden. 
Als
<code> /new/path muss /home/joerg/repos/lvgl_emscripten_HomeDashboard </code>
eingetragen werden.

Zusammenfassung

Hinweis: Durch das Bearbeiten dieser Seite geben Sie Ihr Einverständnis, dass Ihr Inhalt unter der folgenden Lizenz veröffentlicht wird: CC Attribution-Share Alike 4.0 International