Web Pushr：给博客加上网页推送

前言

在很久之前浏览一篇文章时看到ta的博客有一个小铃铛，点击订阅，无需邮箱、rss啥的就可以订阅，当时就觉得很奇妙，最近有空了解了一下，折腾两天给自己的博客加了Webpushr，只要订阅我就可以给用户浏览器发送骚扰推送了😋

预览

Web Push通过浏览器向访问者的设备发送消息。这些消息不需要用户提供个人信息，能够精准地传达定制的内容。

如果是halo需要2.8及以上版本

将Webpushr集成进博客

体验了两款服务：webpushr和onesignal，后者体量更大，但不翻墙完全不能用，详见：请问可以在中国大陆使用么？ ·问题 #198 ·OneSignal/OneSignal-Flutter-SDK，前者其实不翻墙也不怎么能用，国内接收推送随缘吧

最终还是选择了webpushr

如果博客是wordpress的话只需要一个插件和api即可集成，咱用的halo 2.0，手动集成吧😋

就两步，下载js文件上传至网站根目录，在网页header栏填写跟踪代码即可。

先注册账号：Web Push Notifications | Webpushr，填写网站相关信息，跟着教程走很快即可完成设置

以halo 2.8为例（之前版本应该不行）：

在halo根目录新建static文件夹，将webpushr-sw.js上传进去，访问example.com/webpushr-sw.js有响应信息即可。

root@Docker:~# cd /mnt/halo2/static
root@Docker:/mnt/halo2/static# ls
ads.txt  webpushr-sw.jsCopy

在halo后台设置代码注入中将跟踪代码放入全局 head 标签

webpushr后台界面往下翻点击疑难解答看看有没有设置成功：Webpushr Web Console

最后在setup界面自定义你的各种提示

推送信息

可在webpushr后台看到所有订阅用户，如果是wordpress好像插件能自动推送新文章，其他的网站就得手动推送了

webpushr提供手动推送、api推送、wp插件推送及旅程生成器

手动推送很麻烦，写了个python脚本，爬取自己博客的标题、url、简介，使用api一键推送

下面是受ChatGPT帮助写的代码，并不通用，仅供参考，预览见图4，
小白水平，将就看吧🥰：

import requests
from bs4 import BeautifulSoup
import streamlit as st

blog_url = "你的博客链接"
headers_post = {
    "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 Edg/116.0.1938.54"
}

headers = {
    'webpushrKey': '你的webpushrKey',
    'webpushrAuthToken': '你的webpushrAuthToken',
    'Content-Type': 'application/json',
}

def get_post():
    res = requests.get(blog_url, headers=headers_post)
    soup = BeautifulSoup(res.content, "html.parser")

    links_with_titles = soup.findAll("a", href=True)
    titles = [link.text for link in links_with_titles][11:-8:3]

    all_urls = [link["href"] for link in soup.find_all("a", href=True)][11:-8:3]
    post_urls = [blog_url + url for url in all_urls]
    return post_urls,titles

def get_message(post_url):
    res = requests.get(post_url, headers=headers_post)
    soup = BeautifulSoup(res.content, "html.parser")
    meta_description = soup.find("meta", {"name": "description"})["content"]
    return meta_description

post_urls,titles = get_post()

st.set_page_config(page_title="Web Push", page_icon="🔔")
st.title("Web Push")

title = st.selectbox('选择要推送的文章',titles)
post_url = post_urls[titles.index(title)]
message = get_message(post_url)
icon = "换成你的网站icon链接"

st.write("**标题：**",title)
st.write("**链接：**",post_url)
st.write("**消息：**",message)

data = '{"title":"%s","message":"%s","target_url":"%s","icon":"%s"}' % (title, message, post_url,icon)

if st.button('一键发送骚扰信息'):
    response = requests.post('https://api.webpushr.com/v1/notification/send/all', headers=headers,data=data.encode('utf-8'))
    if response.status_code == 200:
        st.success('发送成功!', icon="✅")
    else:
        st.error('发送失败！', icon="🚨")

# 运行脚本
streamlit run your_script.py

俺滴博客：MJ的博客😋
原文：Webpushr：给博客加上网页推送 - MJ的博客