Как запустить мой pwa на мой мобильный телефон Android

Question

Я новичок в PWA и создаю простой PWA с angular-cli.

Я могу успешно запустить приложение в браузере. Но я хотел бы запустить его на своем мобильном устройстве в качестве приложения. Я не могу получить локальный доступ к своему приложению на своем мобильном телефоне через браузер, поскольку мой компьютер и мобильный телефон находятся в разных сетях. Как мне его запустить?

Заранее спасибо.

Answer 1

Вы не можете напрямую установить его на свое мобильное устройство, такое как мобильное приложение.

Но вам нужно добавить кнопку установки на веб-странице -> открыть ее с мобильного телефона -> нажать на нее

браузер проверит, выполнены ли все требования для установки на устройстве, и продолжает:

Начиная с Chrome 68, Chrome будет запускать событие beforeinstallprompt каждый раз, когда пользователь посещает ваше приложение (ноне обязательно предлагать установить).Вы можете поймать это событие, чтобы создать пользовательскую кнопку установки.

Сначала вам нужно знать, что событие срабатывает только один раз и довольно быстро!Вы захотите послушать это, как только сможете.Давайте добавим это в конструктор нашего PwaService, который мы создали ранее:

window.addEventListener('beforeinstallprompt', event => {  
> this.promptEvent = event; });

Если событие происходит, мы сохраняем его в сервисе.Затем мы можем проверить, возможна ли установка следующим образом:

 <button *ngIf="Pwa.promptEvent" (click)="installPwa()">   Install
 </button> And in the component:

 constructor(public Pwa: PwaService) {} installPwa(): void {  
 this.Pwa.promptEvent.prompt(); }

Нажатие на кнопку покажет пользователю диалоговое окно браузера для добавления приложения на домашний экран.

Вы можете проверить эту ссылку для более подробной информации