Progressiivisen verkkosovelluksen luominen ja jakaminen

Progressiivinen verkkosovellus (PWA) määritetään Power Pages -portaalistudion avulla. Voit ottaa PWA-ominaisuuden käyttöön tai poistaa sen käytöstä. PWA-ominaisuus voidaan mukauttaa ja sovelluspaketti voidaan luoda vastaavan laitteen sovelluskaupassa julkaistavaksi.

1. Siirry kohteeseen Power Pages.

2. Valitse sivu ja sitten Muokkaa.

3. Valitse suunnittelustudiossa Määritä-työtila ja valitse sitten Progressiivinen verkkosovellus.

   

4. Valitse Ota PWA käyttöön.

   

Brändää sovelluksesi

Voit luoda oman brändätyn PWA-sovelluksen mukauttamalla sovelluksen nimeä, aloitussivua, väriä ja paljon muuta mukautusasetusten avulla.

Muistiinpano

iOS-laitteissa PWA:n kuvakkeet näytetään pikkukuvina, eikä laitteissa näytetä mukautettua käynnistysnäyttöä.

1. Valitse suunnittelustudiossa Progressiivinen verkkosovellus.

2. Päivitä seuraavat sivuston PWA-asetukset.

   Asetus	Description
   Title	Mobiililaitteessa ja sovellussäilössä näytettävän portaalin PWA-sovelluksen nimi.
   Description	Mobiililaitteessa ja sovelluskaupassa näkyvän PWA:n kuvaus.
   Sovelluksen aloitussivu	Sivuston aloitussivu, kun se avataan PWA:n kautta.
   Käynnistysnäytön tausta	Käynnistyskuvan taustaväri PWA:ta ladattaessa.
   Sovelluksen kuvake	Mobiililaitteessa ja sovellussäilössä näytettävä sovelluskuvake. Huomautus: Tukee .jpg-, .jpeg- ja .png-muotoja, joiden enimmäislatauskoko on 5 Mt. Kuvakkeen koon on oltava 512 x 512 pikseliä.

   Muistiinpano

   Selaimesta riippuen voi kestää hetken, ennen kuin se vastaa muutoksia. Kun PWA on mukautettu, tyhjennä sivuston välimuisti valitsemalla Esikatselu.

Offline-toiminnan määrittäminen

PWA tukee sujuvaa siirtymiskokemusta, kun käytettävä laite on offline-tilassa tai kun internet-yhteys on katkaistu. Voit valita sivuston ne sivut, joilla on offline-käyttömahdollisuus (vain luku), ja viestisivun muille portaalitoiminnoille, joita ei ole otettu käyttöön offline-tilassa.

Portaalin PWA:n offline-sivujen määrittäminen

1. Valitse suunnittelustudion Määritä-työtilassa Progressiivinen verkkosovellus.

2. Valitse Lisää asetuksia -kohdassa Offline-sivujen määritys.

   

3. Valitse sivut, joita haluat käyttäjien voivan käyttää, kun he käyttävät PWA:ta offline-tilassa.

   

Muistiinpano

Ota huomioon käyttäjien laitteiden tallennustilan rajoitukset, kun määrität offline-käyttöä PWA-sivuille. Jos PWA-käyttö ylittää laitteen käytettävissä olevan tallennustilan, koko portaali ei ole käytettävissä offline-tilassa. Suosittelemme, että testaat offline-käytön käyttökokemuksen ja tallennat välimuistiin vain sivut, joista on eniten hyötyä käyttäjille. Muista, että offline-sivuilla voi näyttää vain tietoja. Microsoft Dataverseen yhdistetyt sivut, joiden lomakkeilla täytetään tai suoritetaan kyselyjä, eivät toimi offline-tilassa.

Offline-viestisivun määrittäminen

Kun laite on offline-tilassa, offline-viestisivuksi määrittämäsi sivu näkyy käyttäjille, jos he yrittävät käyttää sivuja, joita ei ole otettu mukaan offline-käyttöön.

1. Valitse suunnitteluohjelmassa Sivut-työtila.

2. Valitse Offline-oletussivu.

3. Mukauta sivua.

Muistiinpano

• Et voi muuttaa offline-sivun Otsikko- ja Osittainen URL-osoite -kenttiä ("/default-offline-page"). Offline-oletussivu näytetään käyttäjille, jos offline-sivu puuttuu.
• Selaimesta riippuen voi kestää hetken, ennen kuin se vastaa muutoksia. Kun PWA-sovelluksen offline-kokemus on mukautettu, tyhjennä sivuston välimuisti valitsemalla Esikatselu.

Sivuston testaaminen offline-tilassa

Kun offline-sivut otetaan käyttöön, voit käyttää mobiililaitetta offline-tilassa ja selata eri sivuja, joissa offline-tilainen käyttö on otettu käyttöön.

1. Siirry sivuston käyttämällä mobiililaitteen selainta online-tilassa.

2. Valitse Lisää aloitusnäyttöön tai vastaava vaihtoehto. Esimerkiksi Android-laitteessa vaihtoehto voi olla + Lisää kohteeseen> Sovellusnäyttö.

   

   Muistiinpano

   Tämä toiminto lataa portaalisivut, jotka on otettu käyttöön offline-selailuun. Tämä voi kestää jonkin aikaa verkon kaistanleveyden ja offline-selailussa valittujen sivujen koon mukaan.

3. Ota käyttöön offline-tila mobiililaitteessasi.

4. Avaa portaali aloitusnäytöstä. Yläosassa on ilmoitus, joka muistuttaa, että olet selailemassa offline-tilassa. Jos valitset sivuja, joita ei ole otettu käyttöön offline-selailua varten, näkyviin tulee offline-sanoma.

   

Sovelluksen jakelu

Sovellukseen jakamiseen voi käyttää joko selainta tai sovelluskauppaa.

Sovelluksen jakaminen selaimella

Kun portaali on otettu käyttöön PWA-sovelluksena, käyttäjät voivat kiinnittää Power Pages -sivuston sovelluksena laitteensa aloitusnäyttöön. Tätä asetusta tuetaan kaikissa ympäristöissä (Android, iOS, Chromebook ja Windows) ja kaikissa laitteissa (mobiili, pöytätietokone ja taulutietokone).

Seuraavat grafiikat kuvaavat käyttökokemusta, kun portaali lisätään PWA:na aloitusnäyttöön selaimen avulla.

Android ja iOS sisältävät erilaiset menetelmät selainpohjaista asennusta varten.

Sovelluksen jakaminen sovelluskaupan kautta

Progressiivisia verkkosovelluksia voi jakaa myös sovelluskaupassa Android-, iOS- ja Windows-käyttöjärjestelmää varten. Jakelu tapahtuu luomalla sovelluspaketti ja julkaisemalla sovellus vastaavassa sovelluskaupassa. Sovelluspakettien luomisessa kumppanina on PWABuilder, joka tarjoaa ympäristön sovelluspakettien luomiseksi erilaisia sovelluskauppoja varten.

Jos haluat luoda sovelluspaketin, siirry suunnittelustudion Määritä-työtilaan. Valitse Sovelluspaketti-kohdassa Luo sovelluspaketti.

Sinut ohjataan PWA-muodostimen sivustoon, jossa voit luoda sovelluspaketin eri sovelluskauppoihin. PWA-muodostimen avulla luotava paketti sisältää seuraavat:

• PWA:n sovelluspaketti, jota käytetään vastaavassa sovelluskaupassa.

• Vaiheittainen asiakirja sovelluksen julkaisemisesta.

Lisätietoja on PWA-resurssikeskuksessa.

iOS-käyttöjärjestelmää varten PWABuilder tarjoaa tukea sovelluskaupan paketin luomisessa. Lisätietoja on sovelluskaupan paketeissa.

Windows-käyttöjärjestelmää koskevia tietoja on Microsoft Storen paketeissa.

Muita Androidia koskevia seikkoja

Android-käyttöympäristössä voit päivittää Android-varmenteen myös käyttämällä Päivitä Android-varmenne -vaihtoehtoa.

Päivitä otsikon ja SHA-256 varmenteen todentaja, jotta voit päivittää digitaalisten resurssilinkkien tiedoston (assetlinks.json), joka osoittaa PWA:n omistuksen.

Katso myös

Yleiskatsaus sivustoista progressiivisina verkkosovelluksina
Yleiskatsaus progressiivisista verkkosovelluksista (PWA)
Progressiivisen verkkosovelluksen luominen ja jakelu (video)