将 Laravel 5.4 网络应用程序添加到移动设备主屏幕

Add Laravel 5.4 Web App to mobile device home screen

我想 "install" 我的 Laravel 5.4 网络应用程序到移动设备。我知道 PWA 可以做到这一点,为了制作 PWA,我们需要 1.https连接 2. manifest.json 3.服务工作者

对于我来说,我没有HTTPS Connection,也不打算使用Service Worker。话虽如此,我仍然可以通过 manifest.json "install" 我的 Laravel 5.4 网络应用程序到移动设备吗?

有什么好的教程吗?

是的。您可以通过 manifest.json 并将显示模式设为全屏来实现 "Add to home screen" 应用程序像本机应用程序一样全屏打开的功能。

虽然服务工作者和 HTTPS 是 PWA 的重要方面之一,但这不会是一个完整的 PWA,这将带来离线功能和性能优势。

如果没有 HTTPS 和服务工作者,chrome 将不会 "installing" 您的应用程序作为 .apk 文件,而是将其作为书签安装。用户不会知道其中的区别,除了应用程序不会从服务工作者附带的缓存中受益,因此用户不会获得即时查看体验。

希望这对您有所帮助。

所有浏览器支持 如果您想喜欢本机应用程序,只需添加主屏幕 manifest.json 并设置 manifest.json 到全屏应用程序。但是,:

  1. 没有Service worker和HTTPS,你的APP就没有PWA,就像书签一样

  2. PWA 需要缓存您的内容和其他资产以便在设备离线时使用,请将 Service worker 安装到您的应用程序

  3. PWA 需要 HTTPS 以获得重要的安全性,(仅供参考)如果 PWA 可以在没有 HTTPS 的情况下安装,黑客可以在 return 您的客户端请求之前通过网络更改内容,而 PWA 无法处理...... .

manifest.json 只是让你的应用程序能够 "add home screen" 而不是 PWA,如果你想让你的应用程序是 PWA 技术,你必须使用 service worker 和 HTTPs。

PWA 需要 Manifest.json、HTTPs 和 Service worker!,如果您只想像书签一样添加主屏幕,那么它只对您的应用程序使用 manifest.json。