Progresszív webalkalmazás létrehozása és terjesztése
A Power Pages tervezőstúdió segítségével konfigurálhatja a progresszív webalkalmazást (PWA). Engedélyezheti vagy letilthatja a PWA képességet. Testreszabhatja a PWA-beállításokat, és felkészülhet egy alkalmazáscsomag létrehozására, amelyet közzétehet a megfelelő eszközáruházakban, ha úgy dönt.
Menjen a Power Pages felületre.
Válassza ki a webhelyét, és válassza a Szerkesztés lehetőséget.
A tervezőstúdióban válassza a Beállítás munkaterületet, majd válassza a Progressive webalkalmazás lehetőséget.
Válassza ki az PWA engedélyezése lehetőséget.
Alkalmazás márkaépítése
Létrehozhatja saját, PWA márkanevét az alkalmazás nevének, kezdőoldalának, színének és sok másnak a testreszabási beállításai segítségével.
Feljegyzés
iOS készülékeken a PWA ikonjai jelennek meg miniatűrként, és nem jelenik meg a kezdőkép.
A tervezőstúdióban válassza a Progresszív webalkalmazás lehetőséget.
Frissítse a következő PWA-beállítást a webhelyéhez.
Beállítás Leírás Title A PWA portál neve, amely megjelenik a mobileszközön és az alkalmazás-áruházban. Description A PWA leírása, amely megjelenik a mobileszközön és az alkalmazás-áruházban. Az alkalmazás kezdőoldala A webhely kezdőlapja, amikor a PWA-n keresztül nyílik meg. Kezdőképernyő háttere A képernyőkép háttérszíne, ha a PWA betöltött. Alkalmazásikon A mobileszközön és az alkalmazás-áruházban megjelenő alkalmazás ikonja.
Megjegyzés: Támogatja az .jpg, .jpeg .png formátumokat, maximális feltöltési mérete 5 MB. Az ikon méretének 512 x 512 képpontnak kell lennie.Feljegyzés
A böngészőtől függően eltarthat néhány pillanatig, amíg tükrözi a módosításokat. A PWA testreszabása után válassza az Előnézet lehetőséget a webhely gyorsítótárának ürítéséhez.
Offline működés definiálása
A PWA támogatást nyújt a zökkenőmentes navigációhoz, amikor a használt eszköz offline állapotban van, vagy nem kapcsolódik az internethez. Kiválaszthatja a webhelyen belül azokat az oldalakat, amelyek offline elérhetők (csak olvashatók), valamint egy üzenetoldalt a portál többi olyan képességéhez, amelyek offline hozzáférése nincs engedélyezve.
Offline oldalak konfigurálása a PWA portálhoz
A tervezőstúdió Beállítás munkaterületén válassza a Progresszív webalkalmazás lehetőséget .
A További beállítások alatt válassza a Kapcsolat nélküli oldalak definiálása lehetőséget.
Jelölje ki azokat az oldalakat, amelyekhez engedélyezni szeretné, hogy a felhasználók hozzáférjenek a PWA offline használatakor.
Feljegyzés
A PWA oldalak kapcsolat nélküli elérésének konfigurálásakor vegye figyelembe a felhasználói eszközökre vonatkozó tárolási korlátozásokat. Ha az offline PWA-hozzáférés tárolási követelménye túllépi az eszköz rendelkezésre álló tárterületét, akkor nem lesz elérhető a teljes portál offline módban. Javasoljuk, hogy tesztelje az offline hozzáférés felhasználói felületét, és csak a felhasználók számára hasznos és fontos oldalakat gyorsítótárazza. Ne feledje, hogy az offline oldalak csak információkat tudnak mutatni, a Microsoft Dataverse-hez kapcsolódó, kitölthető vagy lekérdezéseket tartalmazó lapok offline módban nem működnek.
Offline űzenőoldal beállítása
Ha egy eszköz offline állapotban van, az offline üzenetoldalként konfigurált oldal akkor jelenik meg, amikor a felhasználók olyan oldalakhoz próbálnak hozzáférni, amelyeken nincs engedélyezve az offline hozzáférés.
Válassza ki az Oldalak munkaterületet a tervezőstúdióban.
Válassza az Alapértelmezett offline oldal lehetőséget.
Az oldal testreszabása.
Feljegyzés
- Az offline oldal Cím vagy Részleges URL-címe („/default-offline-page”) mezői nem változtathatóak meg. A felhasználók számára egy alapértelmezett offline oldal jelenik meg, ha hiányzik az offline lap.
- A böngészőtől függően eltarthat néhány pillanatig, amíg tükrözi a módosításokat. Az offline PWA élmény testreszabása után válassza az Előnézet lehetőséget a webhely gyorsítótárának ürítéséhez.
A webhely tesztelése offline módban
Az offline oldalak engedélyezése után használhatja a mobileszközt offline módban, és böngészhet az offline hozzáféréshez engedélyezett különböző oldalak között.
Tallózhat a webhelyen egy webböngészővel, amely online módban elérhető a mobileszközön.
Válassza a Hozzáadás a kezdőlaphoz vagy hasonló lehetőséget. Például ez az opció egy Android készüléken + Hozzáadás ehhez:>Alkalmazás képernyője lehet.
Feljegyzés
Ez a művelet olyan portáloldalakat tölt le, amelyek engedélyezve vannak az offline böngészéshez. Ez a hálózati sávszélességtől és az offline böngészéshez kiválasztott lapok méretétől függően egy ideig is eltarthat.
Offline szinkronizálás engedélyezése a mobileszközön.
Nyissa meg a portálját a kezdőképernyőn. Felül megjelenik egy értesítés, amely emlékezteti, hogy offline módban böngészik. Ha olyan oldalakat jelöl ki, amelyeken nincs engedélyezve az offline böngészés, megjelenik az offline üzenet.
Az alkalmazás terjesztése
Az alkalmazás akár böngészővel, akár egy alkalmazásbolton keresztül is terjeszthető.
Az alkalmazás terjesztése böngészővel
Miután a portált PWA-ként engedélyezték, a felhasználók alkalmazásként Power Pages webhelyet rögzíthetnek a kezdőlapon a készülékükön. Ez a beállítás minden platformon (Android, iOS, Chromebook és Windows) támogatott az összes mérettényező (mobil, asztali számítógép és táblagép) mellett.
Az alábbi ábra a portál kezdőképernyőhöz való hozzáadásának felhasználói élményét mutatja be a portált PWA-ként telepítő böngésző használatával.
Android és iOS mindegyik más módszert kínál a böngészőalapú telepítéshez.
Az alkalmazás terjesztése az alkalmazásbolton keresztül
A progresszív webalkalmazások alkalmazás-áruházakon és Windowson Android iOS keresztül is terjeszthetők. Ez a terjesztés egy alkalmazáscsomag létrehozásával és az alkalmazás közzétételével történik a megfelelő alkalmazás-áruházban. Az alkalmazáscsomagok létrehozásához a PWABuilder partnerevagyunk, amely platformot biztosít alkalmazáscsomagok létrehozásához különböző alkalmazásboltok számára.
Alkalmazáscsomag létrehozásához lépjen a Munkaterület beállítása a tervezőstúdióban. Válassza az Alkalmazáscsomag alatt az Alkalmazáscsomag létrehozása lehetőséget.
Ezzel a PWA Builder webhelyére jut, ahol alkalmazáscsomagot hozhat létre a különböző alkalmazásboltokhoz. A csomag, amelyet a PWA-készítővel létrehozott tartalmazza:
Egy alkalmazáscsomag a PWA-hoz, amelyet a megfelelő alkalmazás áruházban kell használni.
Egy részletes dokumentum az alkalmazás közzétételéről.
A további részletekért menjen a PWA-erőforrásközpontba.
A iOS PWABuilder támogatja az alkalmazásbolt-csomag létrehozását. További információkért lásd : Csomag az App Store-hoz.
Windows esetén lásd a Microsoft Store csomag csomagját.
Egyéb szempontok Android esetében
Android A platform esetében a Android tanúsítványt a Tanúsítvány Android frissítése lehetőséggel is frissítheti.
Frissítse a címet és az SHA-256 tanúsítvány ujjlenyomatát, hogy frissítse a digitális eszközhivatkozási fájlt (assetlinks.json), amely igazolja a PWA tulajdonjogát.
Kapcsolódó információk
A webhelyek progresszív webalkalmazásként
való áttekintése A progresszív webalkalmazások (PWA-k) áttekintése
Progresszív webalkalmazás létrehozása és terjesztése (videó)