Update app.py

app.py

@@ -421,6 +421,108 @@ def create_html_templates(mobile_logo, desktop_logo, main_image):
     """
 
     return logo_html, main_image_html, audio_player_html
+    
+def create_pwa_files():
+    """필요한 PWA 파일들을 생성하는 함수"""
+    # manifest.json 생성
+    manifest_path = 'static/manifest.json'
+    manifest_data = {
+        "name": "디지털 굿판",
+        "short_name": "디지털 굿판",
+        "description": "현대 도시 속 디지털 의례 공간",
+        "start_url": "/",
+        "display": "standalone",
+        "background_color": "#ffffff",
+        "theme_color": "#000000",
+        "orientation": "portrait",
+        "icons": [
+            {
+                "src": "/static/icons/icon-72x72.png",
+                "sizes": "72x72",
+                "type": "image/png",
+                "purpose": "any maskable"
+            },
+            {
+                "src": "/static/icons/icon-96x96.png",
+                "sizes": "96x96",
+                "type": "image/png",
+                "purpose": "any maskable"
+            },
+            {
+                "src": "/static/icons/icon-128x128.png",
+                "sizes": "128x128",
+                "type": "image/png",
+                "purpose": "any maskable"
+            },
+            {
+                "src": "/static/icons/icon-144x144.png",
+                "sizes": "144x144",
+                "type": "image/png",
+                "purpose": "any maskable"
+            },
+            {
+                "src": "/static/icons/icon-192x192.png",
+                "sizes": "192x192",
+                "type": "image/png",
+                "purpose": "any maskable"
+            },
+            {
+                "src": "/static/icons/icon-512x512.png",
+                "sizes": "512x512",
+                "type": "image/png",
+                "purpose": "any maskable"
+            }
+        ]
+    }
+    os.makedirs('static', exist_ok=True)
+    with open(manifest_path, 'w', encoding='utf-8') as f:
+        json.dump(manifest_data, f, ensure_ascii=False, indent=2)
+
+    # service-worker.js 생성
+    sw_path = 'static/service-worker.js'
+    with open(sw_path, 'w', encoding='utf-8') as f:
+        f.write('''
+        const CACHE_NAME = 'digital-gutpan-v2';
+        const urlsToCache = [
+            '/',
+            '/assets/main_music.mp3',
+            '/static/icons/icon-72x72.png',
+            '/static/icons/icon-96x96.png',
+            '/static/icons/icon-128x128.png',
+            '/static/icons/icon-144x144.png',
+            '/static/icons/icon-192x192.png',
+            '/static/icons/icon-512x512.png'
+        ];
+
+        self.addEventListener('install', event => {
+            event.waitUntil(
+                caches.open(CACHE_NAME)
+                    .then(cache => cache.addAll(urlsToCache))
+                    .then(() => self.skipWaiting())
+            );
+        });
+
+        self.addEventListener('activate', event => {
+            event.waitUntil(
+                caches.keys().then(cacheNames => {
+                    return Promise.all(
+                        cacheNames.map(cacheName => {
+                            if (cacheName !== CACHE_NAME) {
+                                return caches.delete(cacheName);
+                            }
+                        })
+                    );
+                }).then(() => self.clients.claim())
+            );
+        });
+
+        self.addEventListener('fetch', event => {
+            event.respondWith(
+                caches.match(event.request)
+                    .then(response => response || fetch(event.request))
+            );
+        });
+        '''.strip())
 
 
 # CSS 스타일 정의