A kényelem az, amivel soha nem lehetünk teljesen elégedettek. Ezért a szoftverfejlesztők mindig a határaikat feszegetik, hogy jobb felhasználói élményt teremtsenek, anélkül, hogy a funkcionalitás rovására mennének. Mindezt azért, hogy a mai versenyhelyzetben megspóroljuk az elvándorlást. Az emberek kényelmet akarnak, és ezért üdvözölték a hibrid alkalmazásokat.

Mi olyan különleges a hibrid alkalmazásokban? WebViews!

Hybrid alkalmazások

Amint a neve is mutatja, ezek a natív és a webes alkalmazások keverékei. Letölthetők az alkalmazásboltokban, és a natív alkalmazásokhoz hasonlóan hozzáférési hitelesítést igényelnek az eszközről, de az alkalmazásba beágyazott böngészővel (WebView) is rendelkeznek a HTML megjelenítéséhez. Az Instagram jó példa a hibrid alkalmazásra.

Emlékszik arra az időre, amikor bármilyen harmadik féltől származó link eléréséhez egy új böngészőben kellett megnyitnunk azt az eszközön, ami azt eredményezte, hogy kimozdultunk a használni kívánt alkalmazásból? Ez katasztrófa volt az UX szempontjából, amit úgy oldottunk meg, hogy a tevékenység elrendezésének részeként létrehoztunk egy alkalmazáson belüli böngészőablakot a harmadik féltől származó weboldalak megkönnyítésére. Dicséret a WebView-oknak!

Miért van szüksége a WebView-okra?

• Jobb ellenőrzést biztosítanak az alkalmazás felhasználói felülete felett.
• Nem kell az egész alkalmazást frissítenie, ha csak az alkalmazás tartalmát szeretné frissíteni, ha például egy közelgő akciót vagy más izgalmas ajánlatot szeretne hirdetni az alkalmazásban.
• Nem egy másik, harmadik féltől származó alkalmazásba kerül át, hanem egy alkalmazáson belüli böngészőre irányítjuk át, amely a webről húzza a tartalmat az Ön számára. Ez biztosítja azt a kényelmet, hogy a tervezett alkalmazásban maradjon. Vegyük például az Instagramot, ahol néhány történetben felfelé kell lapoznod, és egy alkalmazáson belüli böngészőn keresztül egy weboldalra irányítanak át, ahelyett, hogy a tartalmat a Chrome, Safari, Firefox vagy bármely más böngészőben nyitnád meg. Az átirányított weboldalon szabadon navigálhat a tartalomban fel/le görgetéssel, nagyítással, vagy egy szöveg keresésével.
• A webnézetek lehetővé teszik a platformok közötti fejlesztést, ami a fejlesztő számára alacsonyabb fejlesztési költségeket és rugalmasságot eredményez. Megjegyzés: Nem tudjuk azonban elérni, hogy egy alkalmazás egyetlen buildje több operációs rendszeren is működjön. Egy másik build fejlesztését csak a webes kiterjesztések segítségével tudjuk megkönnyíteni HTML, CSS, JavaScript stb. segítségével.
• A vállalatok célja gyakran az, hogy egy meglévő webes alkalmazásból egy wrapper alkalmazást készítsenek. Ezzel a vállalatok célja, hogy viszonylag kevesebb erőfeszítéssel jelenlétet teremtsenek az alkalmazásboltokban. Emellett az olyan keretrendszerek, mint az Ionic, lehetővé teszik egy alkalmazás hozzáadását az alkalmazásboltokhoz, és PWA-ként való telepítését a mobil webre.

A WebView létrehozásához a fejlesztőnek:

• El kell fejlesztenie egy webview osztály példányát.
• El kell helyeznie egy böngészőt az alkalmazásban.
• Hozzáadni a böngészőfunkciókat egy WebView könyvtár segítségével.
• Hozzáadni az internet engedélyt az Android Manifest fájlban.
• Hozzáadni a WebView kódját az alkalmazáson belüli böngésző megnyitásához.

WebView tesztelés – A WebView hatékony működési mechanizmusainak ellenőrzésére szolgáló tesztesetek létrehozására és végrehajtására vonatkozik.

A WebView-k tesztelése során tartsa szem előtt a következőket:

• Ellenőrizze, hogy az alkalmazás a tervezett viselkedésnek megfelelően reagál-e a weblap betöltésének megszakításával.
• Ha a tartalom hiperhivatkozással ellátott e-mail címeket tartalmaz a WebView-ban, akkor győződjön meg arról, hogy ezek a hiperhivatkozások megérintéskor megnyitják a levelező alkalmazást a készülékben.
• Tesztelje a hiperhivatkozással ellátott telefonszámot hasonló módon – az alkalmazás tárcsázásra irányítja a felhasználót vagy sem? Továbbá, hogyan reagál ez a hiperlink, ha nincs SIM-kártya behelyezve a készülékbe?
• Tesztelje a WebView válaszát különböző hálózati módokban – 2G, 3G, WiFi, LTE.
• A speciális karaktereket is tesztelni kell. A nagyítással/ kicsinyítéssel együtt a webes tartalomban való navigálás fel/le görgetéssel vagy a képernyőn való navigálás balra/jobbra görgetéssel.
• Tesztelje a WebView toleranciáját olyan külső tényezőkkel szemben, mint SMS, jelkimaradás, értesítések, hívás stb.
• Tesztelje az alkalmazás viselkedését, amikor egy külső alkalmazás a webes tartalomból egy hiperlink segítségével elindul.
• Változtassa a készülék tájolását, és tesztelje, hogy a webes tartalma képes-e támogatni azokat.
• Tesztelje, hogy a grafikus megjelenítés kielégítő-e.
• Tömörítse össze a böngészőablakot, és nézze meg, hogy a szöveg megfelelően tömörül-e.
• A fent említett tippek teszteléséhez nagy segítséget nyújt egy böngészők közötti platform. Arról is képet fog adni, hogy a WebView hogyan jelenik meg a célközönség számára.

How to Perform WebView Testing

Espresso Web for Android WebView – Ez az eszköz segít a WebView UI komponensek viselkedésének vizsgálatában és ellenőrzésében a WebDriver API atomjainak újrafelhasználásával. Ez az egyik leggyakrabban használt eszköz a hibrid alkalmazások teszteléséhez. Az alkalmazás natív UI-komponensek és a WebView UI-komponensek integrációjának ellenőrzéséhez szükséges.

Az Espresso Web használata előtt alaposan elemezni kell a webhely forráskódját a metódusok horgainak meghatározásához. Ezért nagyméretű webhelyek esetében ez nagyon bonyolulttá válhat.

Alternatív megközelítés

Egy másik megközelítés a harmadik féltől származó kód elfelejtését és csak az Android-alapú kódra való összpontosítást jelentené. Alapvetően egy WebView leképezi a webhely elemeit; lehetővé téve a felhasználó számára, hogy az Android View objektumokon és azok kiterjesztésein keresztül interakcióba lépjen velük. Ezeknek a nézeteknek nincs azonosítójuk, ami elérhetetlenné teszi őket a findViewById(int id) segítségével, és az alkalmazáscsomagban sem lehet elérni ezeket az azonosítókat.

Ez nem jelenti azt, hogy nem lehet őket követni. Megteheti az Android Device Monitor segítségével, amely egy önálló eszköz, amely az Android-alkalmazások elemzéséhez és hibakereséséhez több eszközt segítő felhasználói felületet biztosít.

• Az Android Device Monitor segítségével pillanatképet kell készítenie minden képernyőről az emulátoron.
• Elképzelést kaphat arról, hogy a WebView-k belsőleg hogyan vannak felépítve.
• Az UiAutomator segítségével műveleteket végezhet rajtuk.