tessuvi
Hoppa till artikeln
Dokumentation

Presentera live-data och bädda in en webbapp i en bild

Använd ett offentligt dataflöde för en siffra som ändras, eller bädda in en webbapp på extern värd när en demonstration behöver ett eget gränssnitt.

Använd en offentlig HTTPS-slutpunkt som tillåter läsning över olika ursprung och returnerar den JSON som komponenten förväntar sig. Håll privata autentiseringsuppgifter borta från bildens konfiguration. Ge bilden en användbar startvy för när slutpunkten inte är tillgänglig.

Earthquake activityExempelmall · ersätt innehållet med ditt eget
Utforska den här designen

Välj en datakälla

Använd en offentlig HTTPS-slutpunkt som tillåter läsning över olika ursprung och returnerar den JSON som komponenten förväntar sig. Håll privata autentiseringsuppgifter borta från bildens konfiguration. Ge bilden en användbar startvy för när slutpunkten inte är tillgänglig.

Testa interaktionen

Aktivera dataflödet i en presentation och jämför värdet det visar med källan. För en webbapp på extern värd öppnar du den inbäddade upplevelsen och provar huvudkontrollen. Värden måste tillåta att sidan bäddas in i en ram.

Öva på reservlösningen

Prova presentationen på det nätverk och den enhet du ska använda. Kontrollera den sparade bilden för offline-utdelningar och visa live-länken när målgruppen behöver använda kontrollerna.

Exempel på brief

Vad händer om dataflödet blir otillgängligt?

Inkludera enheten, ange ett användbart startvärde eller ett tomt läge och skilj tidigare inlästa data från en ny observation. Öva när dataflödet inte är tillgängligt så att publiken fortfarande förstår vad bilden representerar.

DITT NÄSTA PROJEKT

Omsätt idén i praktiken.

Välj en mall, gör innehållet till ditt eget och granska resultatet innan du delar det.

Utforska samlingen