我是PWA的新手,用angular-cli创建一个简单的PWA。
我可以成功运行我的应用程序到浏览器。但我想在我的移动设备上作为应用程序启动它。我无法通过浏览器在我的手机上本地访问我的应用程序,因为我的PC和移动设备是差异网络。我该怎么推出它?
提前致谢。
您无法直接将其安装在移动设备(如移动应用程序)上。
但是您需要在网页上添加一个安装按钮 - >从手机上打开它 - >点击它
浏览器将检查是否满足所有要求以在设备上安装,因此继续
从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链接了解更多详情