Utveckling av en hybrid mobilapplikationi React Native : En WebView-baserad lösning för Oomah

Sammanfattning

Syftet med detta projekt har varit att undersöka hur en mobilapplikation kan utvecklas som ett skal ovanpå en befintlig webbapplikation, samt att analysera fördelar och begränsningar med denna typ av hybridlösning. Projektet har genomförts för ett företag inom digital hälsa där behovet finns av att återanvända en redan existerande webbplattform i en mobil kontext utan att behöva utveckla separata native-appar för iOS och Android. Målet har varit att ta fram en fungerande prototyp i React Native som integrerar webbapplikationen via WebView och samtidigt ger en upplevelse som liknar en native mobilapplikation. Arbetet har genomförts med en iterativ utvecklingsmetod där applikationen byggts stegvis och testats kontinuerligt. React Native och TypeScript har använts för att utveckla mobilapplikationen, tillsammans med Expo som utvecklingsplattform. WebView har använts för att visa innehåll från webbapplikationen, medan Zustand har använts för enklare global state-hantering. Testning har utförts på både iOS och Android via simulatorer och fysiska enheter. Resultatet visar att det är möjligt att effektivt återanvända en befintlig webbapplikation i en mobil lösning. Prototypen uppfyller de uppsatta kraven och erbjuder navigation, innehållsvisning och kommunikation mellan webb- och native-lager. Samtidigt visar resultatet att beroendet av WebView innebär vissa begränsningar, särskilt kring prestanda och native funktionalitet. Slutsatsen är att den valda hybridlösningen är ett effektivt alternativ när målet är snabb utveckling och återanvändning av befintlig kod, men att den kräver medvetna avvägningar kring användarupplevelse och tekniska begränsningar.