Question

我是PWA的新手，并使用angular-cli创建了一个简单的PWA。

我可以在浏览器中成功运行我的应用程序。但我想将其作为应用程序在移动设备上启动。我无法通过浏览器在移动设备上本地访问我的应用程序，因为我的PC和移动设备位于差异网络中。我该如何启动它？

谢谢。

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(); }

点击按钮将显示用户使用浏览器对话框将应用添加到主屏幕。

您可以检查this链接以获取更多详细信息

如何在我的Android手机上启动pwa

1 个答案: