Прогрессивті веб қолданбасын жасаңыз және таратыңыз
Прогрессивті веб-бағдарламаны (PWA) конфигурациялау үшін Power Pages дизайн студиясын пайдаланыңыз. PWA мүмкіндігін қосуға немесе өшіруге болады. PWA параметрлерін реттей аласыз және қаласаңыз, сәйкес құрылғы дүкендерінде жариялау үшін қолданбалар бумасын жасауға дайындала аласыз.
Power Pages торабына өтіңіз.
Сайтыңызды таңдап, Өңдеу опциясын таңдаңыз.
Дизайн студиясында Орнату жұмыс кеңістігін, содан кейін Прогрессивті веб-бағдарлама опциясын таңдаңыз.
PWA мүмкіндігін қосу түймешігін таңдаңыз.
Бағдарламаны брендтеу
Бағдарламаның атауын, бастапқы бетін, түсін және т.б. өзгерту үшін теңшеу опцияларын пайдалану арқылы жеке PWA брендін жасауға болады.
Ескертпе
iOS құрылғыларында PWA белгішелері нобайлар ретінде көрсетіледі және теңшелген экран көрсетілмейді.
Дизайн студиясында Прогрессивті веб-бағдарлама опциясын таңдаңыз.
Сайт үшін келесі PWA параметрлерін жаңартыңыз.
Параметр Сипаттамасы Атау Мобильді құрылғыда және қолданбалар дүкенінде пайда болатын PWA порталының атауы. Сипаттама Мобильді құрылғыда және қолданбалар дүкенінде пайда болатын PWA сипаттамасы. Бағдарламаның бастапқы беті PWA арқылы ашылған сайттың бастапқы беті. Бастапқы экран фоны PWA жүктелген кездегі бастапқы экранның фондық түсі. Бағдарлама белгішесі Мобильді құрылғыда және қолданбалар дүкенінде пайда болатын қолданба белгішесі.
Ескертпе: Ең көп жүктеп салу өлшемі 5 МБ болатын .jpg, .jpeg, .png пішімдерін қолдайды. Белгіше өлшемі 512 × 512 пиксель болуы керек.Ескертпе
Браузеріңізге байланысты өзгертулеріңізді көрсету үшін бірнеше минут қажет болуы мүмкін. PWA параметрлерін теңшегеннен кейін сайтыңыздың кэшін тазалау үшін Алдын ала қарау нұсқасы опциясын таңдаңыз.
Офлайн әрекетті анықтау
PWA мүмкіндігі пайдаланылып жатқан құрылғы офлайн немесе интернеттен ажыратылған кезде бірқалыпты шарлау тәжірибесіне қолдау көрсетеді. Сіз өзіңіздің сайтыңыздың офлайн режимінде (тек оқу үшін) қол жетімді беттерді және офлайн қатынас үшін қосылмаған қалған портал мүмкіндіктеріне арналған хабар бетін таңдай аласыз.
PWA порталы үшін офлайн беттерді конфигурациялау
Дизайн студиясында, Орнату жұмыс кеңістігінде Прогрессивті веб қолданбасын таңдаңыз.
Қосымша параметрлер бөлімінде Офлайн беттерді анықтау опциясын таңдаңыз.
Пайдаланушыларға PWA мүмкіндігін офлайн режимде пайдаланған кезде оларға қатынасуға мүмкіндік беретін беттерді таңдаңыз.
Ескертпе
PWA беттері үшін офлайн қатынасуды конфигурациялағанда, пайдаланушы құрылғылары үшін жад шектеулерін ескеріңіз. Офлайн PWA мүмкіндігіне қатынасу үшін жад талабы құрылғыдағы қолжетімді жадтан асып кеткенде, бүкіл портал офлайн қатынасу үшін қолжетімсіз болады. Офлайн қатынасудың пайдаланушы тәжірибесін тексеруді және пайдаланушыларыңыз үшін ең пайдалы және маңызды болатын беттерді ғана кэштеуді ұсынамыз. Офлайн беттер тек ақпаратты көрсете алатыны есіңізде болсын. Сұрауларды толтыру немесе орындау үшін пішіндерді қамтитын Microsoft Dataverse бағдарламасына қосылған беттер желіден тыс кезде жұмыс істемейді.
Офлайн хабар бетін орнату
Құрылғы желіден тыс болғанда, пайдаланушылар желіден тыс қатынасу үшін қосылмаған беттерге кіруге тырысқанда, сіз офлайн хабар беті ретінде конфигурациялаған бет пайда болады.
Дизайн студиясында Беттер жұмыс кеңістігін таңдаңыз.
Әдепкі офлайн бет таңдаңыз.
Бетті теңшеңіз.
Ескертпе
- Офлайн бет үшін Тақырып немесе Ішінара URL ("/default-offline-page") өрістерін өзгерте алмайсыз. Офлайн бет жоқ болса, пайдаланушыларға әдепкі офлайн бет көрсетіледі.
- Браузеріңізге байланысты өзгертулеріңізді көрсету үшін бірнеше минут қажет болуы мүмкін. Офлайн PWA интерфейсін теңшегеннен кейін, сайтыңыздың кэшін тазалау үшін Алдын ала қарау нұсқасы опциясын таңдаңыз.
Сайтты офлайн режимде тексеру
Офлайн беттерді қосқаннан кейін, мобильді құрылғыны офлайн режимінде пайдалануға және офлайн режимінде кіруге қосылған әртүрлі беттерді шолуға болады.
Онлайн режимінде мобильді құрылғыдағы веб-браузерді пайдалану арқылы сайтты шолыңыз.
Басты экранға қосу немесе ұқсас опцияны таңдаңыз. Мысалы, Android құрылғысында опция + Қосу>Бағдарлама экраны болуы мүмкін.
Ескертпе
Бұл әрекет офлайн шолу үшін қосылған портал беттерін жүктейді. Желі өткізу қабілетіне және офлайн шолу үшін таңдалған беттердің өлшеміне байланысты бұл біраз уақыт алуы мүмкін.
Мобильді құрылғыда офлайн режимді қосыңыз.
Басты экраннан порталды ашыңыз. Жоғарғы жағында офлайн режимде қарап жатқаныңызды еске салатын хабарландыруды көресіз. Офлайн шолу үшін қосылмаған кез келген беттерді таңдасаңыз, желіден тыс хабар пайда болады.
Бағдарламаны тарату
Бағдарламаны браузер арқылы немесе бағдарламалар дүкені арқылы таратуға болады.
Бағдарламаны браузер арқылы тарату
Портал PWA ретінде қосылғаннан кейін пайдаланушылар Power Pages сайтын құрылғысындағы басты экранға бағдарлама ретінде бекіте алады. Бұл опцияға барлық пішін факторларына (ұялы телефон, жұмыс үстелі және планшет) қоса барлық платформаларда (Android, iOS, Chromebook және Windows) қолдау көрсетіледі.
Төмендегі сызбалар порталды PWA ретінде орнататын шолғышты пайдалану арқылы порталды негізгі экранға қосудың пайдаланушы тәжірибесін көрсетеді.
Android және iOS әрқайсысы браузерге негізделген орнатудың басқа әдісін ұсынады.
Бағдарламаны бағдарлама дүкені арқылы тарату
Прогрессивті веб-қолданбаларды Android, iOS және Windows үшін қолданбалар дүкендері арқылы да таратуға болады. Бұл тарату қолданбалар бумасын жасау және қолданбаны тиісті қолданбалар дүкенінде жариялау арқылы орындалады. Қолданба бумаларын жасау үшін біз әртүрлі қолданбалар дүкендеріне арналған қолданбалар бумаларын жасау үшін платформаны қамтамасыз ететін PWABuilder-мен серіктестік.
Қолданбалар бумасын жасау үшін дизайн студиясында Орнату жұмыс кеңістігіне өтіңіз. Бағдарлама бумасы бөлімінде Бағдарлама бумасын жасау опциясын таңдаңыз.
Бұл сізді PWA Builder веб-сайтына апарады, онда әртүрлі қолданбалар дүкендері үшін қолданбалар бумасын жасауға болады. PWA құрастырушысының көмегімен жасалған бума мыналарды қамтиды:
Тиісті бағдарлама дүкенінде қолданылатын PWA бағдарламасына арналған бағдарлама бумасы.
Бағдарламаны жариялау туралы қадамдық құжат.
Қосымша мәліметтер алу үшін PWA ресурсының хабы бөліміне өтіңіз.
iOSүшін PWABuilder қолданбалар дүкені бумасын жасауға қолдау көрсетеді. Қосымша ақпаратты App Store бумасын қараңыз.
Windows үшін Microsoft Store бумасын қараңыз.
Android бойынша басқа да ескеру керек нәрселер
Android платформасы үшін Android куәлікті Android сертификатты жаңарту арқылы жаңартуға болады. опция.
PWA иелігін растайтын сандық актив сілтемелері файлын (assetlinks.json) жаңарту үшін тақырыпты және SHA-256 сертификат саусақ ізін жаңартыңыз.
Келесіні де қараңыз:
Прогрессивті веб-қолданбалар ретіндегі сайттарға шолу
Прогрессивті веб-қолданбаларға (PWA) шолу
Прогрессивті веб-қолданбаны құру және тарату (бейне)