Progresivní weby 2

55. hodina MVOP WBF

Matěj Cajthaml — SSPŠ

©

Weby se používají v PWA, na mobilech a i na desktopu. Jak je to možné? Proč se tak stalo?

Moderní způsob tvorby aplikace

  • klient (prohlížeč/vykreslovač) je chytrý a závislý na serveru
  • server slouží jen na poskytnutí dat a logiky
  • klient je často jen obalená webová stránka

PWA často nevyřeší všechny věci, které potřebujeme. Např. in-app fotografie či přístup k filesystému.

Frameworky nám tedy dávají přístup k dalším funkcionalitám systému.

Frameworky

  • obecně spousta knihoven
  • různé platformy a OS

  • React Native
  • Flutter
  • Capacitor/Ionic
  • Cordova
  • Tauri
  • Electron

Capacitor

Capacitor

  • relativně nový framework
  • hlavním cílem jsou mobilní aplikace

Capacitor se často používá s Ionic Frameworkem, jaký je mezi nimi vztah?

Jak se vůbec může HTML (+ CSS, JS) zkonvertovat např. na Android?

Capacitor

  • náš webový kód synchronizujeme do projektů pro různé platformy
  • používáme stejný kód pro všechny platformy
  • capacitor nám generuje projekt a kód
  • daný projekt pro platformu poté upravujeme a kompilujeme

Capacitor

Práce

Založíme si capacitor projekt.

Electron

Electron

  • framework pro tvorbu desktopových aplikací
  • velmi používané

Electron

Práce

Založíme si electron projekt.

Souborový systém

Práce

Pomocí electronu vytvořte aplikaci, které bude umět spravovat souborový systém.

Děkuji za pozornost!

  • matej.cajthaml@ssps.cz
  • https://ssps.cajthaml.eu/