将 Laravel 5.4 Web App 添加到移动设备主屏幕答案

【问题标题】：Add Laravel 5.4 Web App to mobile device home screen将 Laravel 5.4 Web App 添加到移动设备主屏幕
【发布时间】：2018-06-20 08:23:12
【问题描述】：

我想将我的 Laravel 5.4 网络应用程序“安装”到移动设备上。我知道 PWA 可以做到这一点，为了制作 PWA，我们需要 1.https连接 2.清单.json 3. 服务人员

就我而言，我没有 HTTPS 连接，我也不打算使用 Service Worker。话虽如此，我仍然可以使用 manifest.json 将我的 Laravel 5.4 网络应用程序“安装”到移动设备吗？

有什么好的教程吗？

【问题讨论】：

这对 StackOverflow 来说不是一个好问题。您应该能够自己通过搜索引擎找到答案。另外，您是否尝试过将您的网站添加到主屏幕？
@Tuim 我会说，这是一个有效的问题。这不是一个有据可查的话题。添加到主屏幕仅适用于 manifest.json，尽管 Google 或 Mozilla 的任何文档中都没有提及它。
@Tuim，是的，你是对的，也许我应该先尝试这样做。我研究这个话题已经有一段时间了，大多数时候答案都是关于 PWA 的整体。如前所述，我现在没有 HTTPS 站点，所以我要求这样做以确保可以在没有 https 的情况下将 Web 应用程序“安装”到主屏幕。

【解决方案1】：

是的。您可以通过像原生应用一样全屏打开应用来实现“添加到主屏幕”功能，只需包含 manifest.json 并将显示模式设置为全屏即可。

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

如果没有 HTTPS 和 service worker，chrome 不会将您的应用“安装”为 .apk 文件，而是将其安装为书签。用户不会知道其中的区别，除了应用程序不会从 Service Worker 附带的缓存中受益，因此用户不会获得即时查看体验。

希望这会有所帮助。

【讨论】：

【解决方案2】：

PWA 需要 Manifest.json、HTTPs 和 Service Worker！，如果你只是想像书签一样添加主屏幕，那么它只能在你的 APP 中使用 manifest.json。

【讨论】：

【解决方案3】：

所有浏览器都支持添加主屏幕只需要 manifest.json 和设置 manifest.json 到全屏应用程序，如果你想喜欢原生应用程序。但是，：

没有 Service Worker 和 HTTPS，你的 APP 就不会 PWA，就像书签一样。
PWA 需要缓存您的内容和其他资产以便在设备离线时准备使用，将 Service Worker 安装到您的 APP
PWA 需要 HTTPS 以确保重要的安全，（只是信息）如果 PWA 可以在没有 HTTPS 的情况下安装，黑客可以在返回您的客户端请求之前通过网络更改内容，而 PWA 无法处理...

【讨论】：

【解决方案4】：

manifest.json 只是让您的应用能够“添加主屏幕”而不是 PWA，如果您希望您的 APP 是 PWA Tech，则必须使用 Service Worker 和 HTTPs。

【讨论】：