Partajați prin


Creați un portal ca aplicație web progresivă

Notă

Cerințe preliminare

Activați portalul ca aplicație web progresivă

Utilizați Studio pentru portaluri Power Apps pentru a configura aplicația web progresivă (PWA). Puteți să activați sau să dezactivați capacitatea PWA, să particularizați setările PWA și să vă pregătiți pentru a crea un pachet de aplicații pe care să îl publicați în magazinele de pe dispozitivele respective, dacă doriți.

  1. Conectați-vă la Power Apps.

  2. Pe panoul din stânga, selectați Aplicații.

  3. Selectați portalul dvs. din lista de aplicații.

  4. Selectați Editare.

  5. În Studio pentru portaluri, selectați Aplicație web progresivă.

    Pictograma Aplicație web progresivă în Studio pentru portaluri.

  6. Selectați Activare PWA.

    Capabilitatea Activare PWA, din Studio pentru portaluri.

Creați un logo pentru aplicația dvs.

Vă puteți crea propriul PWA cu propriul logo, utilizând opțiunile de particularizare pentru a schimba numele aplicației, pagina de pornire, culoarea și multe altele.

Notă

Pe dispozitivele iOS, pictogramele pentru PWA vor fi afișate ca miniaturi, iar ecranul de pornire particularizat nu va fi afișat.

  1. În Studio pentru portaluri, selectați Aplicație web progresivă.

  2. Din Particularizare, selectați Particularizați PWA.

  3. Actualizați următoarele setări PWA pentru portalul dvs.

    Setare Descriere
    Funcție Numele portalului PWA, care va apărea pe dispozitivul mobil și în magazinul de aplicații.
    Descriere Descrierea portalului PWA, care va apărea pe dispozitivul mobil și în magazinul de aplicații.
    Pagina de pornire a aplicației Pagina de pornire a portalului când este deschis prin PWA.
    Fundal ecran de pornire Culoarea de fundal pentru ecranul de pornire atunci când PWA este încărcată.
    Pictograma Aplicație Pictograma aplicației, care va apărea pe dispozitivul mobil și în magazinul de aplicații.
    Notă: Acceptă formatele .jpg, .jpeg, .png cu o dimensiune maximă de încărcare de 5 mb. Dimensiunea pictogramei trebuie să fie de 512 × 512 pixeli.

    Personalizarea setărilor PWA, cum ar fi titlul, descrierea și culoarea.

    Notă

    După particularizarea PWA, selectați Navigați pe site pentru a goli memoria cache. Acest lucru va face ca modificările să fie reflectate instantaneu.

Gestionați comportamentul offline

PWA oferă suport pentru o experiență de navigare fluidă atunci când dispozitivul utilizat este offline sau deconectat de la internet. Puteți alege paginile din portalul dvs. care vor fi disponibile offline (numai în citire) și o pagină cu un mesaj pentru restul capabilităților portalului care nu au fost activate pentru acces offline.

Configurați paginile offline pentru portalul PWA

  1. În Studio pentru portaluri, selectați Aplicație web progresivă.

  2. Selectați Particularizați PWA.

  3. Sub Comportament offline, selectați Gestionați paginile offline.

    Selectarea paginilor pentru modul offline.

  4. Selectați paginile pe care doriți ca utilizatorii să aibă permisiunea să le acceseze atunci când folosesc PWA offline.

    Gestionarea paginilor offline.

Notă

Când configurați accesul offline la paginile PWA, asigurați-vă că țineți cont de limitele de stocare pentru dispozitivele utilizatorilor. Când cerințele de stocare pentru accesul PWA offline depășesc spațiul de stocare disponibil pe dispozitiv, întregul portal nu va fi disponibil pentru acces offline. Vă recomandăm să testați experiența utilizatorilor la accesul offline și să păstrați în cache numai paginile care vor fi cele mai utile și mai importante pentru utilizatorii dvs. Rețineți că paginile offline pot afișa doar informații; paginile care conțin formulare de completat sau care rulează interogări nu vor funcționa în timp ce utilizatorii sunt offline.

Configurarea unei pagini cu un mesaj offline

Când un dispozitiv este offline, pagina pe care o configurați drept pagină de mesaje offline apare atunci când utilizatorii încearcă să acceseze pagini care nu au fost activate pentru acces offline.

  1. În Studio pentru portaluri, selectați Aplicație web progresivă.

  2. Sub Particularizare, selectați Pagină de mesaj offline.

    Configurarea paginii cu mesajul offline.

  3. Particularizați pagina la fel ca orice altă pagină de portaluri.

  4. Schimbați șablonul de pagină pentru a se potrivi necesităților dvs. de business.

    Particularizarea paginii cu mesajul offline în Studio pentru portaluri.

Notă

Nu poți schimba câmpurile Titlu sau URL parțial ("/default-offline-page") pentru pagina offline. O pagină offline implicită va fi afișată utilizatorilor dacă pagina offline lipsește.

Sfat

După configurarea experienței PWA offline, selectați Navigați pe site pentru a goli memoria cache. Acest lucru va face ca modificările să fie reflectate instantaneu.

Testați-vă portalul în modul offline

După ce ați activat paginile offline, acum puteți utiliza un dispozitiv mobil în modul offline și puteți naviga prin diferite pagini care au fost activate pentru acces offline.

  1. Navigați la portalul dvs. utilizând un browser web de pe dispozitivul dvs. mobil în modul online.

  2. Selectați Adăugați la ecranul de pornire sau o variantă similară. De exemplu, pe un dispozitiv Android, opțiunea ar putea fi + Adăugați la > Ecranul aplicației.

    Adăugarea PWA la pagina de pornire pe un dispozitiv mobil.

    Notă

    Această acțiune descarcă pagini de portal care au fost activate pentru navigarea offline. Acest lucru poate dura ceva timp, în funcție de lățimea de bandă a rețelei și de dimensiunea paginilor care au fost selectate pentru navigarea offline.

  3. Activați modul offline pe dispozitivul dvs. mobil.

  4. Din ecranul de pornire, deschideți portalul dvs. Veți vedea o notificare în partea de sus care vă reamintește că navigați în modul offline. Dacă selectați pagini care nu au fost activate pentru navigarea offline, apare mesajul offline.

    Pagina numai în citire în modul offline pentru o aplicație PWA. Pagina cu mesajul Nu sunteți conectat la internet, din aplicația PWA.

Distribuirea aplicației dvs.

Distribuiți-vă aplicația utilizând un browser

După ce portalul dvs. este activat ca PWA, utilizatorii dvs. pot fixa portalurile Power Apps ca aplicație pe ecranul de pornire de pe dispozitivul lor. Acest lucru este acceptat pe toate platformele (Android, iOS, Chromebook și Windows), în plus față de toți factorii de formular (dispozitiv mobil, desktop și tabletă).

Distribuiți-vă aplicația printr-un magazin de aplicații

Puteți crea un pachet de aplicații pentru portalul dvs. PWA și puteți publica pachetul în diferite magazine de aplicații, cum ar fi Microsoft Store și Google Play.

Pentru a crea un pachet al aplicației, accesați Studio pentru portaluri. Sub Pachet aplicație, selectați Creați un pachet de aplicații.

Deschiderea generatorului de PWA pentru a crea un pachet al aplicației în Studio pentru portaluri.

Vei fi direcționat la site-ul web al generatorului de PWA, unde puteți crea un pachet al aplicației pentru diverse magazine de aplicații. Pachetul pe care îl creați utilizând generatorul PWA conține:

  • Un pachet de aplicații pentru PWA care urmează să fie utilizat în magazinul de aplicații respectiv.

  • Un document pas cu pas despre publicarea aplicației.

Pentru mai multe detalii, accesați Centru de resurse PWA.

Considerații suplimentare pentru Android

Pentru platforma Android, puteți actualiza certificatul Android și cu opțiunea Actualizați certificatul Android .

Element de meniu din Studioul pentru portaluri, pentru actualizarea certificatului Android.

Actualizați titlul și amprenta certificatului SHA-256 pentru a actualiza fișierul de linkuri la materiale digitale (assetlinks.json) care dovedește că sunteți proprietarul PWA.

Actualizarea detaliilor certificatului Android.

Configurație avansată

Capacitatea PWA pentru portaluri utilizează următoarele configurații pe care le puteți actualiza utilizând aplicația Gestionarea portalului.

Notă

Vă recomandăm să utilizați Studio pentru portalurile Power Apps când lucrați cu caracteristicile PWA, în loc să le particularizați folosind aplicația Gestionarea portalului.

Tip Nume Descriere Valoare
Setare de site PWAFeature Setare site pentru activare PWA pentru portal { "status": "enable" }

{ "status": "disable" }
Fișier web PWAManifestjson.en-US.json Fișierul manifest PWA este stocat sub forma acestui fișier web JSON. Acest fișier web conține toate proprietățile PWA legate de particularizare (cum ar fi numele aplicației și culoarea ecranului de pornire).
Marker de site Pagină offline implicită Acest marcator de site definește ce pagină să fie afișată atunci când utilizatorul este offline. În mod implicit, indică către pagina offline implicită. „Pagină offline implicită”

Consultați și

Prezentare generală a portalurilor ca aplicații web progresive
Prezentare generală a aplicațiilor web progresive (PWA)

Notă

Ne puteți spune care preferințele dvs. lingvistice pentru documentație? Răspundeți la un chestionar scurt. (rețineți că acest chestionar este în limba engleză)

Chestionarul va dura aproximativ șapte minute. Nu sunt colectate date personale (angajament de respectare a confidențialității).