Web Applications and UI on the AGL Demo Platform

on YouTube ↗41m

" summary

Provides an HTML5-only AGL image built with Yocto/meta-agl that runs web apps inside Chromium + WAM using an upstream Wayland backend, isolates apps with per-app JWTs and lifecycle control, and exposes vehicle APIs over tokenized websockets mapped to VSS/grpc. Remote DevTools connect on port 9998 for inspection. Builds include examples (HVAC, media, launcher), Flutter web bundles are supported, and Chromium is moving from 91 toward 94.

AI-written summary · about

" chapters (15)

1. 0:00Start
2. 5:13Chromium and WAM
3. 7:48Reference Hardware
4. 10:36The HTML5 demo image
5. 12:31Structure of a webapp
6. 14:29Steps for creating a webapp
7. 15:45Example application: Jamendo
8. 17:38Creating the Yocto recipe
9. 21:13Remote DevTools
10. 22:40Interacting with services
11. 25:23Communicating with the server
12. 28:38HVAC connection tests
13. 29:03Ongoing work and next steps
14. 31:51Flutter web bundles support
15. 32:42Future plans

" related talks

• 19mStatus of Chromium Embedded Framework (CEF) and Webapps on AGLRoger Felipe Zanoni da Silva · Automotive Linux Summit @ Open Source Summit Japan 2023
• 10mLightning Talk: The AGL Wayland CompositorMarius Vlad · Automotive Linux Summit Europe @ Embedded Open Source Summit 2023
• 37mMoving Web applications into Virtual RealityDenis Radin · FrontCon 2018
• 01h 15mDeveloper RoadshowMatt Claypotch · Frontend United 2017
• 01h 13mWeb: The good partsKen Wheeler · HolyJS Piter 2020
• 58mWeb Apps can’t really do *that*, can they?Steve Sanderson · NDC Oslo 2017
• 56mBrowser Invasion: Desktop Apps and the WebTim G. Thomas · NDC Minnesota 2018
• 29mUsing web technologies in desktop applicationsP. Marzec · 4Developers 2015