WebPush网页消息推送

我的原文在：https://i.scwy.net/code/2023/070223-webpush/

测试地址： https://push.scwy.net

WebPush网页消息推送，在Firefox的测试中，打开浏览器（不是我的网站）就收到消息。而Edge则不需要打开也会直接收到消息。想来Win后台驻留Edge浏览器程序。
也就是说，你不用运行Web服务器，授权后，只需要发送信息即可。Edge会较即时收到消息，而Firefox会在打开时收到。
这样，只有用户授权后，就可以直接实现消息的送达。 消息将显示在桌面右下角。Ubuntu默认为Firefox，打开浏览器时，将在上方中间显示消息内容。
暂时还没有测试后机端是否有相同的效果。(看起来手机端还不支持，使用场景就打了折扣)

以下是github.com/SherClockHolmes/webpush-go下的示例

package main

import (
    "encoding/json"
    "fmt"
    "time"

    webpush "github.com/SherClockHolmes/webpush-go"
)

const (
    subscription = `{
            "endpoint":"https://wns2-sg2p.notify.windows.com/w/?token=BQYAAAC%2bnhP255OYpeHISseiFrGYrpYYeMmZZ5RQ5zfj6LNmSV9oMZFLDfPl2vdoHL8WEbyM5Q%2fgwnpd0kT5mu5iWlK1J6tOwjq4uMQio7eWRtBTUo6Nn24UiyYa435J5X1KWcs8vHbk0QDHCdzTHKJC%2bG45VKLQH9fFzEYgyDiSsDeXd26LAH7VumY92JvAXkeLBi0gkAxlQ3ldPNWmd06iZkk9%2bURBfXHd2sXFWyXtExt6oniwPnYhgp2dqY%2bBXGE6HA6RjN3HolXUZiNCKIWrIlrU%2bIVfpp7TNWvCayO1%2bnawDLdnd2AqCF2yGyYPr",
            "expirationTime":null,
            "keys":{
                "p256dh":"BBRx82oiTU7mescsRneE8mOI2eHqfoCKwnD_35Szpuew2pa1esbpzCL6cuu0T7ke3JPtcihWOQel0OT0Y",
                "auth":"qOLsixktUHBI49-q"
            }        
    }`

    vapidPublicKey  = "BDTaD-bo81jd5cbPZUpCUcfv84SQJaLIEz7e04qAcj7TfrC2xYOufQfgI2kNS9caKubPOFqjQQXefTw"
    vapidPrivateKey = "mWI9CzvGep3SBr1dHsBTlcwXP_Rm19w267J3A"
)

func main() {
    // Decode subscription
    s := &webpush.Subscription{}
    json.Unmarshal([]byte(subscription), s)

    // Send Notification
    resp, err := webpush.SendNotification([]byte("测试\n这是测试信息\n"+time.Now().Format("2006-01-02 15:04:05")), s, &webpush.Options{
        Subscriber:      "[email protected]",
        VAPIDPublicKey:  vapidPublicKey,
        VAPIDPrivateKey: vapidPrivateKey,
        TTL:             30,
    })
    if err != nil {
        fmt.Println(resp, err)
    }
    defer resp.Body.Close()

}

这里生成公钥和私钥

privateKey, publicKey, err := webpush.GenerateVAPIDKeys()
if err != nil {
    // TODO: Handle error
}

    替换示例中的index.html文件中的vapidPublicKey部份，即上方生成的公钥。
    运行Web服务器，示例使用了python -m http.server 8000
    通过浏览器查看网页，允许接收通知，然后查看控制台subscription内容，替换以上代码中的部份
    运行主程序，发送通知。在浏览器打开后（无需打开网址）将收到通知。