Confortul este ceva de care nu putem fi niciodată pe deplin mulțumiți. Acesta este motivul pentru care dezvoltatorii de software sunt mereu puși să își depășească limitele pentru a crea o experiență de utilizare mai bună, fără a compromite funcționalitatea. Toate acestea de dragul de a salva chiulul în afacerea competitivă de astăzi. Oamenii își doresc comoditate și acesta este motivul pentru care aplicațiile hibride au fost binevenite.

Ce este atât de unic la aplicațiile hibride? WebViews!

Aplicațiile hibride

Așa cum sugerează și numele, acestea sunt un amestec de aplicații native și web. Ele sunt disponibile în magazinele de aplicații pentru descărcare și necesită autentificarea accesului de pe dispozitiv, ca și aplicațiile native, dar au și un browser încorporat în aplicație (WebView) pentru redarea HTML. Instagram este un bun exemplu de aplicație hibridă.

Îți amintești momentul în care, pentru a accesa orice link de la o terță parte, obișnuiam să îl deschidem într-un nou browser pe dispozitiv, ceea ce ducea la mutarea noastră din aplicația pe care doream să o folosim? Acesta era un dezastru pentru UX, care a fost rezolvat prin crearea unei ferestre de browser în aplicație pentru facilitarea paginilor web ale terților, ca parte a aspectului activității. Felicitări pentru WebViews!

De ce aveți nevoie de WebViews?

• Acestea oferă un control mai bun asupra interfeței cu utilizatorul a aplicației dumneavoastră.
• Nu trebuie să actualizați întreaga aplicație dacă doriți doar să actualizați conținutul aplicației, dacă, de exemplu, doriți să faceți publică o vânzare viitoare pe aplicația dumneavoastră sau o altă ofertă interesantă.
• Nu sunteți împins către o altă aplicație terță, ci, mai degrabă, sunteți redirecționat către un browser în aplicație care extrage conținutul de pe web pentru dumneavoastră. Acest lucru oferă confortul de a rămâne în aplicația vizată. Luați ca exemplu Instagram, unde trebuie să glisați în sus în unele povești și sunteți redirecționat către o pagină web prin intermediul unui browser din aplicație, în loc să deschideți conținutul în Chrome, Safari, Firefox sau orice alt browser. Puteți naviga liber prin conținut pe pagina web redirecționată, derulând în sus/jos, făcând zoom înainte/înapoi sau căutând un text.
• WebViews permit dezvoltarea multi-platformă, ceea ce duce la reducerea costurilor de dezvoltare și la flexibilitate pentru dezvoltator. Notă: Totuși, nu putem face ca un singur build al unei aplicații să funcționeze pe mai multe sisteme de operare. Putem doar să facilităm dezvoltarea unui alt build cu ajutorul extensiilor web prin HTML, CSS, JavaScript etc.
• Companii urmăresc adesea să construiască o aplicație wrapper a unei aplicații web existente. Procedând astfel, companiile urmăresc să își creeze o prezență în magazinele de aplicații cu un efort relativ mai mic. De asemenea, framework-uri precum Ionic vă permit să adăugați o aplicație în magazinul de aplicații și să o implementați pe webul mobil ca PWA.

Pentru a genera un WebView, un dezvoltator trebuie să:

• Dezvoltă o instanță a unei clase webview.
• Embracă un browser în aplicația dvs.
• Adaugați funcționalități de browser cu ajutorul unei biblioteci WebView.
• Adaugați permisiunea de internet în fișierul Android Manifest.
• Adaugați codul pentru ca WebView să deschidă un browser în aplicație.

Testarea WebView – Se referă la crearea și executarea de cazuri de testare pentru verificarea mecanismelor eficiente de funcționare a WebView-urilor.

Rețineți următoarele în timpul testării WebViews:

• Verificați dacă aplicația răspunde conform comportamentului dorit prin întreruperea încărcării paginii web.
• Dacă conținutul dvs. include adrese de e-mail hiperlinkate în WebView, atunci asigurați-vă că acele hiperlinkuri deschid aplicația de poștă electronică din dispozitiv atunci când sunt atinse.
• Testați pentru un număr de telefon hiperlinkat într-un mod similar – direcționează utilizatorul să formeze sau nu aplicația? De asemenea, cum răspunde acel hyperlink dacă o cartelă SIM nu este introdusă în dispozitiv?
• Testați răspunsul WebView în diferite moduri de rețea – 2G, 3G, WiFi, LTE.
• Ar trebui testate și caracterele speciale. Împreună cu zoom in/out, navigarea prin conținutul web prin derulare în sus/jos sau navigarea pe ecran prin derulare stânga/dreapta.
• Testați toleranța WebView față de factori externi cum ar fi SMS, căderea semnalului, notificări, apeluri etc.
• Testați comportamentul aplicației dvs. atunci când o aplicație externă este lansată prin intermediul unui hyperlink din conținutul dvs. web.
• Variați orientarea dispozitivului și testați dacă conținutul dvs. web este capabil să le suporte.
• Testați dacă afișajul grafic este satisfăcător.
• Comprimați fereastra browserului și vedeți dacă textul este comprimat corespunzător.
• O platformă cross-browser va fi foarte utilă în testarea sfaturilor de testat menționate mai sus. De asemenea, va oferi o idee despre modul în care WebView-ul dvs. este prezentat publicului țintă.

Cum se efectuează testarea WebView

Espresso Web pentru Android WebView – Acest instrument ajută la examinarea și controlul comportamentului componentelor WebView UI prin reutilizarea atomilor din API-ul WebDriver. Este unul dintre cele mai frecvent utilizate instrumente pentru testarea aplicațiilor hibride. Este necesar pentru a verifica integrarea componentelor UI native ale unei aplicații și a componentelor UI WebView ale acesteia.

Înainte de a utiliza Espresso Web, trebuie să analizați în detaliu codul sursă al site-ului dvs. pentru a determina cârligele pentru metodele sale. Acesta este motivul pentru care ar putea deveni foarte complex pentru site-urile web de mari dimensiuni.

Abordare alternativă

O abordare diferită ar implica uitarea codului terților și concentrarea doar pe codul bazat pe Android. Practic, un WebView mapează elementele unui site web; permițând utilizatorului să interacționeze cu acestea prin intermediul obiectelor Android View și al extensiilor acestora. Aceste vizualizări nu au un ID, ceea ce le face inaccesibile cu findViewById(int id), și nici nu puteți accesa aceste ID-uri în pachetul dumneavoastră de aplicații.

Aceasta nu înseamnă că nu le puteți urmări. Puteți cu ajutorul Android Device Monitor, un instrument de sine stătător pentru a oferi o interfață de utilizare pentru a ajuta mai multe instrumente de analiză și depanare a aplicațiilor Android.

• Trebuie să faceți un instantaneu al fiecărui ecran de pe emulator cu Android Device Monitor.
• Câștigați o idee despre modul în care sunt structurate intern WebViews.
• Executați acțiuni asupra lor cu ajutorul UiAutomator.

.