使用 jQuery (Javascript) 的 Firebase 推送通知

Posted

技术标签:

【中文标题】使用 jQuery (Javascript) 的 Firebase 推送通知【英文标题】:Firebase Push Notifications with jQuery (Javascript) 【发布时间】:2017-09-20 16:51:09 【问题描述】:

我正在尝试从一个简单的测试网页发送推送通知。我正在使用火力基地。这是我当前的代码:

function sendPushNotification() 
    $.ajax(        
        type : 'POST',
        url : "https://fcm.googleapis.com/fcm/send",
        headers : 
            Authorization : 'key=' + '<my_server_key>',
            'Content-Type' : 'application/json'
        ,
        contentType : 'application/json',
        dataType: 'json',
        data: JSON.stringify("notification": "body":"Test"),
        success : function(response) 
            console.log(response);
        ,
        error : function(xhr, status, error) 
            console.log(xhr);                   
        
    );

我得到错误:

[Error] Failed to load resource: the server responded with a status of 400 (HTTP/2.0 400) (send, line 0)

我假设这是一个错误的请求。这样做的正确方法是什么?

【问题讨论】:

【参考方案1】:

根据the docs,当您的请求中的 JSON 无法解析时,会返回 400 错误。如果您在浏览器中查看network tab,您应该能够看到确切的失败原因。

请注意,不应从客户端发送 FCM 消息。发送消息需要:

受信任的环境,例如 Cloud Functions for Firebase 或应用 在其上构建、定位和发送消息的服务器。 (FCM docs: How does it work?)

【讨论】:

你知道正确的调用方式吗? (我知道它们不应该从客户端发送,但这是为了测试) 您是否检查过您的网络选项卡以查看错误是什么?您可能还想在那里查看您的请求是什么样的。

以上是关于使用 jQuery (Javascript) 的 Firebase 推送通知的主要内容,如果未能解决你的问题,请参考以下文章

js和jquery的区别是啥?

使用 jquery/javascript 调用 angularjs 函数

javascript 使用JQuery #javascript #jquery将“a”tages滚动到div ID

如何使用 jquery/javascript 将文本插入 json [重复]

使用 javascript/jquery 动态调整画布窗口的大小?

WordPress 插件开发 - 如何使用 JQuery / JavaScript?