Django Webpush 教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00907/article/details/141313134

Django Webpush 教程

django-webpushWeb Push Notification Package for Django项目地址:https://gitcode.com/gh_mirrors/dj/django-webpush

本教程旨在引导您了解并部署 django-webpush 开源项目，它允许在Django框架下轻松集成Web Push Notifications功能。

项目介绍

Django Webpush 是一个专为Django设计的库，简化了Web推送通知的实现过程。通过此插件，开发者可以轻松地向用户的浏览器发送推送通知，即使用户不处于您的网站上也是如此。这为提升用户参与度和即时消息传递提供了强大的工具。项目基于WAP（网页应用程序）推送API，支持Chrome、Firefox等现代浏览器。

项目快速启动

环境准备

确保您的环境已安装Python 3.6+ 和 Django 2.0+。

安装Django Webpush

首先，通过pip安装django-webpush：

pip install django-webpush

配置Django项目

在你的Django项目的settings.py中添加webpush到INSTALLED_APPS列表。
```
INSTALLED_APPS = [
    ...,
    'webpush',
]
```

配置WebPush设置，包括密钥等，通常位于settings.py中。

WEBPUSH_SETTINGS = {
    "VAPID_PUBLIC_KEY": "<your_public_key>",
    "VAPID_PRIVATE_KEY": "<your_private_key>",
    "VAPID_ADMIN_EMAIL": "<admin_email>",
}

公钥和私钥可以通过在线工具生成，用于VAPID验证。

添加中间件到你的MIDDLEWARE列表。

MIDDLEWARE = [
    ...,
    'webpush.middleware.WebPushMiddleware',
]

运行迁移以创建必要的数据库表。
```
python manage.py migrate webpush
```
创建视图以触发订阅和发送推送通知。

示例视图

在某个app的views.py中，创建或修改视图来处理订阅逻辑和推送通知。

from django.shortcuts import render
from webpush import send_user_notification

def subscribe(request):
    # 实现前端逻辑获取订阅信息，并保存到数据库。
    # 假设sub_info是从前端获取的订阅信息
    sub_info = {'endpoint': ..., 'keys': {...}} 
    # 保存订阅信息到数据库逻辑...

def notify_user(request):
    # 发送推送通知给特定用户
    payload = {'title': 'Hello', 'body': 'Welcome to Django Webpush'}
    send_user_notification(user=request.user, payload=payload)
    return render(request, 'notification_sent.html')

HTML模板中的按钮

在模板中加入订阅按钮：

<head>
    {% load webpush %}
    {% webpush_header %}
</head>
<body>
    ...
    {% webpush_button %}
    <!-- 或者添加Bootstrap样式的按钮 -->
    {% webpush_button with_class="btn btn-primary" %}
</body>

记得，推送按钮仅当用户登录且满足webpush配置条件时可见。