Prechádzať zdrojové kódy

feat: add PWA support

jianjian.ma 2 rokov pred
rodič
commit
5593c067c4
3 zmenil súbory, kde vykonal 11 pridanie a 13 odobranie
  1. 1 1
      app/layout.tsx
  2. 1 12
      public/serviceWorker.js
  3. 9 0
      public/serviceWorkerRegister.js

+ 1 - 1
app/layout.tsx

@@ -50,7 +50,7 @@ export default function RootLayout({
           href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;700;900&display=swap"
           rel="stylesheet"
         ></link>
-        <script src="/serviceWorker.js" async></script>
+        <script src="/serviceWorkerRegister.js" defer></script>
       </head>
       <body>{children}</body>
     </html>

+ 1 - 12
public/serviceWorker.js

@@ -9,7 +9,6 @@ self.addEventListener('install', function (event) {
     caches.open(CHATGPT_NEXT_WEB_CACHE)
       .then(function (cache) {
         return cache.addAll([
-          '/',
         ]);
       })
   );
@@ -22,14 +21,4 @@ self.addEventListener('fetch', function (event) {
         return response || fetch(event.request);
       })
   );
-});
-
-if ('serviceWorker' in navigator) {
-  window.addEventListener('load', function () {
-    navigator.serviceWorker.register('/serviceWorker.js').then(function (registration) {
-      console.log('ServiceWorker registration successful with scope: ', registration.scope);
-    }, function (err) {
-      console.error('ServiceWorker registration failed: ', err);
-    });
-  });
-}
+});

+ 9 - 0
public/serviceWorkerRegister.js

@@ -0,0 +1,9 @@
+if ('serviceWorker' in navigator) {
+  window.addEventListener('load', function () {
+    navigator.serviceWorker.register('/serviceWorker.js').then(function (registration) {
+      console.log('ServiceWorker registration successful with scope: ', registration.scope);
+    }, function (err) {
+      console.error('ServiceWorker registration failed: ', err);
+    });
+  });
+}