{
    "name": "筑暻卖萌屋",
    "short_name": "筑暻卖萌屋",
    "description": "Nousbuild Website PWA",
    "icons": [
        {
            "src": "https://www.nousbuild.org/pwa@192.png",
            "sizes": "192x192",
            "type": "image/png",
            "purpose": "any maskable"
        },
        {
            "src": "https://www.nousbuild.org/pwa@512.png",
            "sizes": "512x512",
            "type": "image/png"
        }
    ],
    "background_color": "#FFE8E7", //应用加载之前的背景色，用于应用启动时的过渡
    "theme_color": "#FFE8E7", //主题颜色，用于控制浏览器地址栏着色
    "display": "standalone", // 定义应用的显示方式
    "orientation": "portrait",
    "start_url": "/", // 打开后第一个出现的页面地址
    "scope": "/" // PWA作用域
}

'use strict'
var cacheStorageKey = 'minimal-pwa-8'
let cacheName = 'pwa-you-website-cache'; // 缓存名字

var cacheList = [ // 所需缓存的文件
  '/',
  "index.html"
]

self.addEventListener('install', function(e) {
  console.log('Cache event!')
  e.waitUntil(
    // 安装服务者时，对需要缓存的文件进行缓存
    caches.open(cacheStorageKey).then(function(cache) {
      console.log('Adding to Cache:', cacheList)
      return cache.addAll(cacheList)
    }).then(function() {
      console.log('Skip waiting!')
      return self.skipWaiting()
    })
  )
})

self.addEventListener('activate', function(e) {
  // 判断地址是不是需要实时去请求，是就继续发送请求
  console.log('Activate event')
  e.waitUntil(
    Promise.all(
      caches.keys().then(cacheNames => {
        return cacheNames.map(name => {
          if (name !== cacheStorageKey) {
            return caches.delete(name)
          }
        })
      })
    ).then(() => {
      console.log('Clients claims.')
      return self.clients.claim()
    })
  )
})

self.addEventListener('fetch', function(e) {
  // 匹配到缓存资源，就从缓存中返回数据
  e.respondWith(
    caches.match(e.request).then(function(response) {
      if (response != null) {
        console.log('Using cache for:', e.request.url)
        return response
      }
      console.log('Fallback to fetch:', e.request.url)
      return fetch(e.request.url)
    })
  )
})

<link rel="manifest" href="manifest.json">

<script type="text/javascript">
	if (navigator.serviceWorker != null) {
		navigator.serviceWorker.register('sw.js')
		.then(function(registration) {
			console.log('Registered events at scope: ', registration.scope);
		});
	}
</script>

'use strict';
 
const cacheName = 'pwa-you-website-cache'; // 缓存名字
const startPage = 'https://www.nousbuild.org/'; // 首页地址
const offlinePage = 'https://www.nousbuild.org/';// 离线首页地址
const filesToCache = [startPage, offlinePage];

// 不缓存的目录，比如 WordPress 的 wp-admin 和 wp-login 文件夹
const neverCacheUrls = [/wp-admin/,/wp-login/,/preview=true/];

// 之后的代码可以不用修改
// Install
self.addEventListener('install', function(e) {
	console.log('PWA service worker installation');
	e.waitUntil(
		caches.open(cacheName).then(function(cache) {
			console.log('PWA service worker caching dependencies');
			filesToCache.map(function(url) {
				return cache.add(url).catch(function (reason) {
					return console.log('PWA: ' + String(reason) + ' ' + url);
				});
			});
		})
	);
});

// Activate
self.addEventListener('activate', function(e) {
	console.log('PWA service worker activation');
	e.waitUntil(
		caches.keys().then(function(keyList) {
			return Promise.all(keyList.map(function(key) {
				if ( key !== cacheName ) {
					console.log('PWA old cache removed', key);
					return caches.delete(key);
				}
			}));
		})
	);
	return self.clients.claim();
});

// Fetch
self.addEventListener('fetch', function(e) {
	
	// Return if the current request url is in the never cache list
	if ( ! neverCacheUrls.every(checkNeverCacheList, e.request.url) ) {
	  console.log( 'PWA: Current request is excluded from cache.' );
	  return;
	}
	
	// Return if request url protocal isn't http or https
	if ( ! e.request.url.match(/^(http|https):\/\//i) )
		return;
	
	// Return if request url is from an external domain.
	if ( new URL(e.request.url).origin !== location.origin )
		return;
	
	// For POST requests, do not use the cache. Serve offline page if offline.
	if ( e.request.method !== 'GET' ) {
		e.respondWith(
			fetch(e.request).catch( function() {
				return caches.match(offlinePage);
			})
		);
		return;
	}
	
	// Revving strategy
	if ( e.request.mode === 'navigate' && navigator.onLine ) {
		e.respondWith(
			fetch(e.request).then(function(response) {
				return caches.open(cacheName).then(function(cache) {
					cache.put(e.request, response.clone());
					return response;
				});  
			})
		);
		return;
	}

	e.respondWith(
		caches.match(e.request).then(function(response) {
			return response || fetch(e.request).then(function(response) {
				return caches.open(cacheName).then(function(cache) {
					cache.put(e.request, response.clone());
					return response;
				});  
			});
		}).catch(function() {
			return caches.match(offlinePage);
		})
	);
});

// Check if current url is in the neverCacheUrls list
function checkNeverCacheList(url) {
	if ( this.match(url) ) {
		return false;
	}
	return true;
}

// PWA应用的版本
const CACHE_VERSION = '1.0.0';

// 常缓存文件，可自由添加
const BASE_CACHE_FILES = [
    'https://www.nousbuild.org/pwa@192.png',
    'https://www.nousbuild.org/pwa@512.png'
];

// 离线缓存首页
const OFFLINE_CACHE_FILES = [
    'https://www.nousbuild.org/',
];

// 未找到缓存文件时返回
const NOT_FOUND_CACHE_FILES = [
    'https://www.nousbuild.org/',
];

// 离线缓存首页和未找到缓存文件时返回
const OFFLINE_PAGE = 'https://www.nousbuild.org/';
const NOT_FOUND_PAGE = 'https://www.nousbuild.org/';

/**
	后续代码文件不用修改
    完整 sw.js 下载地址：https://oss.nousbuild.com/download/sw-example.zip
    只需修改上述开头几行配置信息即可
 **/

<!-- PWA应用名称 -->
<meta name="apple-mobile-web-app-title" content="PWA应用名称">

<!-- 是否隐藏地址栏 -->
<meta name="apple-mobile-web-app-capable" content="yes">

<!-- 修改状态栏颜色 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">