Met de vooruitgang van nieuwe functionaliteiten in moderne browsers, probeert het elke dag de gebruiker meer te integreren met nieuwe technologieën en dit is waar Google, met zijn Google Chrome-browser, zich op richt en dat is met de lancering van Google Chrome 70 een nieuwe functie is geïntegreerd, zoals compatibiliteit met Progressive Web Apps (PWA).
Een PWA is een website of dienst die kan worden geïnstalleerd als een applicatie op de desktop of het mobiele apparaat en het doel is om sites te gebruiken als webapplicaties, maar hun functies en veelzijdigheid te vergroten. Hierdoor kunnen ontwikkelaars in één keer toegang krijgen tot services van meerdere platforms in plaats van afzonderlijke applicaties te maken, wat tijd en middelen kost.
Progressieve apps-functiesProgressive Web Apps of Progressive Web Apps zijn in feite gebruikerservaringen die het bereik van het web hebben en kenmerken hebben zoals:
- Betrouwbaarheid omdat het direct oplaadt, zelfs onder variabele netwerkomstandigheden.
- Snel omdat ze snel reageren op gebruikersinteracties met vloeiende en eenvoudige animaties zonder te scrollen.
- Toegewijd omdat het werkt als een natuurlijke applicatie op het apparaat, met een meeslepende gebruikerservaring.
Het bouwen van een hoogwaardige progressieve webapplicatie heeft voordelen zoals:
- Het kan op het startscherm van het apparaat staan.
- Het werkt betrouwbaar.
- Betere pushmeldingen.
- Mogelijkheid om een verbeterde gebruikerservaring te leveren
Solvetic legt uit hoe je een PWA-webapplicatie installeert op Google Chrome.
Progressieve apps installeren in Chrome
Stap 1
De eerste stap die u moet nemen, is om te bevestigen dat we versie 70 van Google Chrome gebruiken, hiervoor hebben we twee opties, namelijk:
- Open een nieuw tabblad en voer de volgende regel in:
chrome: // instellingen / help
- Ga naar het menu Google Chrome aanpassen en bedienen en ga daar naar het pad: "Help / Over Google Chrome"
Stap 2
Nu biedt Google Chrome als zodanig geen PWA-winkel, dus het zal nodig zijn om te weten welke diensten deze PWA's bieden, een voorbeeld hiervan is Spotify of Twitter. Voor dit geval zullen we Spotify gebruiken en hiervoor gaan we naar de volgende link van Google Chrome:
Stap 3
Nadat u de genoemde site hebt bezocht, klikt u op het menu Google Chrome aanpassen en beheren en daar vinden we een nieuwe optie genaamd "Spotify installeren":
Stap 4
Door daar te klikken, wordt het volgende pop-upvenster weergegeven:
Stap 5
Daar moeten we op de knop "Installeren" klikken om door te gaan met het proces, in het geval van de andere PWA's is het proces identiek:
Stap 6
Door op de knop "Installeren" te klikken, worden we automatisch doorgestuurd naar de applicatie:
VERGROTEN
Stap 7
Nu kunnen we de applicatie vinden vanuit het Start-menu en van daaruit kunnen we het zowel aan de taakbalk als aan het Start-menu zelf verankeren door er met de rechtermuisknop op te klikken. Om te bepalen of een applicatie een PWA is, kunnen we de browsercontainer eromheen zien.
VERGROTEN
Stap 8
Om het te verwijderen, moeten we op het menu klikken en de optie "Verwijderen" selecteren in de weergegeven lijst:
Schakel AWP in op macOS en LinuxIets belangrijks om ook te vermelden, is dat we de mogelijkheid hebben om de PWA's uit de Microsoft Store in Windows 10 te installeren en Google zal officieel de ondersteuning van PWA in Chrome voor macOS en Linux toevoegen met de Chrome 72-editie, maar als we PWA willen gebruiken in Linux en macOS moeten we het volgende in de browser uitvoeren. Hierdoor wordt PWA ingeschakeld en moet de browser opnieuw worden opgestart om de wijzigingen toe te passen.
chrome: // vlaggen / # enable-desktop-pwas
We kunnen dus PWA-applicaties van Google Chrome installeren in Windows 10 en genieten van deze nieuwe functionaliteit die in de browser is geïntegreerd.
