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

时间:2018-06-20 08:23:13

标签: laravel service-worker progressive-web-apps manifest.json pwa

我想将Laravel 5.4 Web应用“安装”到移动设备。我知道PWA可以做到这一点,为了制作PWA,我们需要 1. https连接 2. manifest.json 3.服务人员

就我而言,我没有HTTPS连接,也不想使用Service Worker。话虽如此,我仍然可以利用manifest.json将我的Laravel 5.4 Web应用“安装”到移动设备上吗?

对此有什么好的教程吗?

4 个答案:

答案 0 :(得分:2)

manifest.json仅使您的应用能够“添加主屏幕”而不是PWA,如果您希望您的应用是PWA Tech,则必须使用服务工作者和HTTP。

答案 1 :(得分:2)

PWA需要Manifest.json,HTTPs和Service worker !,如果您只想像书签一样添加主屏幕,则它只能在您的APP中使用manifest.json。

答案 2 :(得分:1)

所有浏览器支持如果您想要本机应用程序,则仅向主屏幕应用程序添加“仅添加主屏幕”所需的manifest.json并将setup manifest.json设置到全屏应用程序。但是,:

  1. 没有Service worker和HTTPS,您的APP不会像书签一样PWA。

  2. 如果设备离线,PWA需要缓存您的内容和其他资产以备使用,然后将Service worker安装到您的APP中

  3. PWA需要HTTPS来确保重要的安全性(仅供参考),如果PWA可以不使用HTTPS进行安装,那么黑客可以在返回客户端请求之前通过网络更改内容,并且PWA无法理解...

答案 3 :(得分:0)

是的。您只需拥有manifest.json并将显示模式设为全屏,就可以像本地应用一样以全屏方式打开应用,从而实现“添加到主屏幕”功能。

尽管服务人员和HTTPS是PWA的重要方面之一,但这将不是完整的PWA,这将带来离线功能和性能优势。

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

希望这会有所帮助。