Hvad er en hybrid app?
En hybrid app er en webapplikation i en app-skal så den kan hentes via App Store og Google Play og bruge visse enhedsfunktioner. Indholdet renderes i en indlejret browser. Den adskiller sig fra native apps og cross-platform som React Native, der renderer rigtige native-komponenter. Hybrid er nok til indholdstunge apps uden tung interaktion, men giver køb på ydeevne og følelse.
Ordet “hybrid app” dukker op i tilbud og diskussioner, ofte uden at nogen forklarer hvad det egentlig betyder, eller hvordan det adskiller sig fra de andre måder at bygge en app på. Her er en klar definition med de afgrænsninger der gør begrebet brugbart når du skal træffe en beslutning.
Definitionen
En hybrid app er en webapplikation pakket ind i en app-skal. Under overfladen er det en webside, bygget i HTML, CSS og JavaScript, der kører inde i en indlejret browser, en såkaldt webview. App-skallen gør to ting: Den gør det muligt at distribuere appen via App Store og Google Play præcis som enhver anden app, og den giver adgang til visse af enhedens funktioner som kamera og notifikationer gennem en bro mellem nettet og platformen.
Kort sagt: En hybrid app er nettet i app-indpakning. Den ligner en app i butikken og på hjemmeskærmen, men motoren indeni er en browser.
Sådan adskiller den sig fra native og cross-platform
Det er den vigtigste del, for hybrid bliver konstant blandet sammen med andre teknologier. Forskellen ligger i hvordan appen renderer det du ser.
| Type | Sådan renderes brugerfladen |
|---|---|
| Native app | Platformens rigtige komponenter, bygget pr. platform |
| Cross-platform (React Native) | Platformens rigtige komponenter, én fælles kodebase |
| Hybrid app | Webindhold i en indlejret browser (webview) |
Læg mærke til den midterste række. React Native er ikke en hybrid app, og det er en almindelig og vigtig misforståelse. React Native deler ganske vist en kodebase mellem platformene, men renderer platformens rigtige native-komponenter, ikke en webside. Teknikken kaldes cross-platform. I praksis betyder det at en React Native-app ligger tæt på en native app i følelse mens en hybrid app ligger tæt på en webside. At kalde dem det samme fører dig på vildspor i både forventninger og budget.
Hvornår hybrid er nok
Hybrid er ikke snyd. I den rette sammenhæng er det et fornuftigt og omkostningseffektivt valg. Det passer bedst til indholdstunge apps uden tunge interaktioner:
- En nyhedsapp eller en avisapp hvor kernen er at vise artikler.
- En enkel informations- eller supporttjeneste.
- En lettere kundeportal hvor man logger ind og læser sine oplysninger.
Fælles for dem: Appen viser mest indhold, og brugeren forventer ikke en poleret, gestusdrevet oplevelse. Så kan webteknologien genbruges, og du kommer billigt i butikkerne.
De klassiske svagheder
To svagheder går igen, og begge følger direkte af at appen kører i en webview.
Ydeevne. Fordi alt renderes gennem et browserlag, kan appen føles mindre responsiv ved tung scrolling i lange lister, hurtige gestusser og komplekse animationer. I en enkel indholdsapp kan det knap mærkes, i en krævende app bliver det tydeligt.
Platformsfølelse. En hybrid app arver ikke platformens naturlige følelse automatisk. En iOS-bruger oplever ofte at noget er “næsten, men ikke helt” fordi komponenterne efterlignes i stedet for at være ægte. Den følelse kan man komme af med, men det kræver arbejde der æder en del af besparelsen op.
Et konkret eksempel
Lad os sige at en avis vil nå læserne via en app. Indholdet findes allerede på nettet, interaktionen består primært i at bladre og læse, og budgettet er begrænset. Her kan en hybrid app være rationel: Den genbruger eksisterende webindhold, kommer i butikkerne og løser opgaven til en lavere omkostning end en native app.
Antag i stedet at det samme forlag vil bygge en interaktiv læseserie for børn med animationer, lyd og gestusser. Så bliver hybridløsningens svagheder afgørende, og valget bør lande på native eller cross-platform. Pointen: Hybrid er et værktøj til en bestemt slags app, ikke et universelt valg.
Afgrænsning over for beslægtede begreber
Fordi “hybrid” ofte bruges upræcist, er det værd at skærpe grænserne over for de begreber det forveksles med. Over for native er forskellen størst: En native app bygges pr. platform og renderer rigtige komponenter mens hybrid er fælles webkode i en webview. Over for cross-platform som React Native er forskellen mere subtil, men lige så vigtig. Begge deler en kodebase, men cross-platform renderer native mens hybrid renderer web. Over for en PWA, en progressiv webapp, er slægtskabet tæt, men PWA’en lever i browseren i stedet for i butikkerne.
Hvorfor gå op i forskellene? Fordi de styrer både forventninger og omkostning. Kalder en leverandør sit forslag “hybrid”, bør du vide at du kan forvente en webfølelse og en lavere regning. Siger de “React Native”, skal du forvente noget tættere på native. At blande ordene sammen er den hurtigste vej til at blive skuffet over en app der gjorde præcis det den var bygget til.
Vil du vide hvilken teknologi der passer til din idé, så se vores ydelser, eller kontakt os, så drøfter vi det.
Ofte stillede spørgsmål
Er React Native en hybrid app?
Nej, og det er en almindelig misforståelse. En hybrid app renderer webindhold i en indlejret browser. React Native renderer i stedet platformens rigtige native-komponenter fra en fælles kodebase, og teknikken kaldes cross-platform, ikke hybrid. Forskellen er afgørende for ydeevne og følelse: React Native ligger tæt på native, en hybrid app ligger tæt på nettet.
Hvad er forskellen på en hybrid og en native app?
En native app bygges specifikt til hver platform med dens egne værktøjer og renderer platformens rigtige komponenter, hvilket giver den bedste ydeevne og følelse. En hybrid app er en webside i en app-skal, fælles for platformene, men renderet i en webview. Native koster mere, men føles bedst. Hybrid er billigere, men går på kompromis med flydende betjening og platformsfølelse.
Hvornår er en hybrid app nok?
Når appen primært viser indhold og ikke kræver tunge interaktioner: Tænk på en nyhedsapp, en enkel informationstjeneste eller en lettere kundeportal. Er det vigtigste at komme i butikkerne med indhold der alligevel ligner en webside, kan hybrid være et omkostningseffektivt valg. Jo flere gestusser, animationer og realtidsfølelse appen har brug for, desto dårligere passer hybrid.
Hvad er de klassiske svagheder ved hybride apps?
To går igen: ydeevne og platformsfølelse. Fordi alt renderes i en webview, kan appen føles mindre responsiv ved tung scrolling, hurtige gestusser og komplekse animationer. Den arver heller ikke platformens naturlige følelse automatisk, men skal efterligne den. I enkle indholdsapps kan det knap mærkes, i krævende apps bliver det tydeligt.
Er en hybrid app det samme som en PWA?
De er nært beslægtede, men ikke identiske. Begge bygger på webteknologi, men en PWA (progressiv webapp) kører i browseren og installeres derfra mens en hybrid app pakkes og distribueres via app-butikkerne. Den hybride app kommer altså ind i App Store og Google Play og får adgang til flere af enhedens funktioner via sin app-skal mens PWA’en lever uden for butikkerne.