Поддержка прогрессивных веб-приложений не работает во фреймворке Django
Я новичок в фреймворке Django и на самом деле я пытаюсь достичь PWA (прогрессивное веб-приложение), чтобы сделать автономное и устанавливаемое приложение. Я следовал тому же подходу, что и на официальном GitHub: https://github.com/silviolleite/django-pwa.
Settings.py
PWA_APP_NAME = 'Test website'
PWA_APP_DESCRIPTION = "My app description"
PWA_APP_THEME_COLOR = '#0A0302'
PWA_APP_BACKGROUND_COLOR = '#ffffff'
PWA_APP_DISPLAY = 'standalone'
PWA_APP_SCOPE = '/'
PWA_APP_ORIENTATION = 'any'
PWA_APP_START_URL = '/'
PWA_APP_STATUS_BAR_COLOR = 'default'
PWA_APP_ICONS = [
{
'src': '/static/images/logo.jpg',
'sizes': '160x160'
}
]
PWA_APP_ICONS_APPLE = [
{
'src': '/static/images/logo.jpg',
'sizes': '160x160'
}
]
PWA_APP_SPLASH_SCREEN = [
{
'src': '/static/images/logo.jpg',
'media': '(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)'
}
]
PWA_APP_DIR = 'ltr'
PWA_APP_LANG = 'en-US'
PWA_APP_SHORTCUTS = [
{
'name': 'Shortcut',
'url': '/target',
'description': 'Shortcut to a page in my application'
}
]
PWA_APP_SCREENSHOTS = [
{
'src': '/static/images/logo.jpg',
'sizes': '750x1334',
"type": "image/png"
}
]
Index.html
{% load static %}
{% load pwa %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
{% progressive_web_app_meta %}
</head>
<body>
<h1>Home Page</h1>
<br>
<a href= '/about_us'>About Us</a>
<a href= '/contact_us'>Contact Us</a>
</body>
</html>
Но все
же я не могу увидеть кнопку установки там, где мы обычно видим ее в браузере. Какие-нибудь причины или протоколы безопасности, которые необходимо внедрить в дальнейшем?