PWA落地!Express与HTTPS支持

pwa

PWAProgressiveWebApp渐进式网络应用程序,简单来说,就是你可以通过一些浏览器接口,保存对应的资源,然后浏览器如果断网了,依然可以获取到保存的资源。跟上古的缓存差不多,但是这是已经被各大浏览器支持的特性,目前Google大力推进中。本文项目我们的项目就是我之前说的自己那个网站:only-u.site,这个是我自己用着玩的,然后挂在Coding上。

https证书这里是找不到免费证书的。

找免费按图点击,否则还是看不到免费。

找到免费OK,露脸了。

付款去购买,然后补全资料等审核,大概几分钟就好了。PS:遇到选项就默认可以。

下载证书最后下载解压,你会得到两个文件,我们下面用到。

if(navigator.serviceWorker!

manifest效果如下:

保存效果这个是手机Chrome保存效果。

桌面效果在右边,跟APP显示一样的。

开始这个欢迎屏幕显示在manifest.json文件里面配置了。

使用效果注意,没有浏览器的搜索框(地址栏)了,跟APP效果一致!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181011A24M4F00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券