我正在将我的 Django 项目转换为渐进式 Web 应用程序,并且我正在尝试预缓存我的文件,以便它们可以离线使用。我的问题是,我不知道如何找到我的模板(例如 homepage.html、index.html)以使用我的服务人员预缓存它们。我将我的服务人员放在静态文件夹中。
我当前的文件夹结构如下所示:
main/
-- migrations/
-- static/
---- js/
------ core/
------ plugins/
------ app.js
---- css/
---- img/
---- templates/
------ base.html
------ about.html
------ homepage.html
----*serviceWorker.js*
-- __init.py__
-- admin.py
-- apps.py
-- models.py
-- views.py
my_second_app/
-- migrations/
-- static/
---- js/
------ index.js
---- css/
---- img/
---- templates/
------ base.html
------ user.html
------ page.html
-- __init__.py
如何将我的主应用程序和 my_second_app 的 HTML 模板映射到静态文件夹内的 serviceWorker.js?提前感谢任何可以提供帮助的人。如果我做错了,请告诉我:)
无论如何,我已经成功地预缓存了静态文件。这是我的代码示例。
const precached = [
'/',
'/screener/',
'/accounts/login/',
'/accounts/signup/',
'/assets/js/now-ui-dashboard.js',
'/assets/js/core/bootstrap.min.js',
'/assets/js/core/jquery-ui.min.js',
'/assets/js/core/jquery.3.2.1.min.js',
'/assets/js/plugins/chart.bundle.min.js',
'/assets/css/accounts.css',
'/assets/css/bootstrap.min.css',
'/assets/css/now-ui-dashboard.css',
'/assets/css/user.css',
'/assets/fonts/nucleo-outline.ttf'
]
self.addEventListener('install', function (event) {
event.waitUntil(
caches.open(staticCacheName).then(cache => {
return cache.addAll(precached);
})
.then(() => {
return self.skipWaiting();
})
);
});