a2nt/silverstripe-progressivewebapp

工具，用于为您的 silverstripe 网站添加离线缓存和其他渐进式网络应用功能

维护者

详细信息

github.com/a2nt/silverstripe-progressivewebapp

源代码

安装: 589

依赖者: 1

建议者: 0

安全性: 0

星星: 2

关注者: 3

分支: 0

语言:JavaScript

类型:silverstripe-vendormodule

v1.10 2018-08-02 13:26 UTC

Requires

Requires (Dev)

BSD-3-Clause 8ace11ef79352a4ba59c28f2aaf00d96b31c24e8

  • Michel van der Steege <michelsteege.woop@hotmail.com>

appsilverstripeprogressive

This package is auto-updated.

Last update: 2024-09-12 02:57:49 UTC

README

工具，用于为您的 silverstripe 网站添加渐进式网络应用功能并使其可离线访问

安装

composer require a2nt/silverstripe-progressivewebapp

使用方法

  • 安装模块，运行 dev/build 并在 siteconfig 中填写设置
  • 添加 js 以注册服务工作者（示例可找到于 client/src/app.js）
if ('serviceWorker' in navigator) {
  var baseHref = (document.getElementsByTagName('base')[0] || {}).href;
  var version = (document.querySelector('meta[name="swversion"]') || {})
    .content;
  if (baseHref) {
    navigator.serviceWorker
      .register(baseHref + 'sw.js?v=' + version)
      .then(() => {
        console.log('SW: Registered');
      });
  }
}
  • 将以下标签添加到您网站的 head 部分
<meta name="theme-color" content="#000000" />
<link rel="manifest" href="{$BaseHref}manifest.json" />
<meta name="swversion" content="{$SWVersion}" />