Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML5 Web通知权限问题_Javascript_Html_Reactjs_Frontend_Html5 Notifications - Fatal编程技术网

Javascript HTML5 Web通知权限问题

Javascript HTML5 Web通知权限问题,javascript,html,reactjs,frontend,html5-notifications,Javascript,Html,Reactjs,Frontend,Html5 Notifications,我正在尝试在聊天应用程序中实现HTML5通知API。当我在本地主机上工作时,一切正常(浏览器会提示我是否需要允许来自此站点的通知) 但是,当我试图从连接在同一网络中的其他机器访问在本地机器上运行的应用程序时。浏览器没有提示任何内容 总结一下我的问题: -这管用 -这样不行。(即使从我的计算机或其他计算机尝试我的) 这是我用于通知api实现的代码 function createNotification(response){ if(!('Notification' in window)){

我正在尝试在聊天应用程序中实现HTML5通知API。当我在本地主机上工作时,一切正常(浏览器会提示我是否需要允许来自此站点的通知)

但是,当我试图从连接在同一网络中的其他机器访问在本地机器上运行的应用程序时。浏览器没有提示任何内容

总结一下我的问题:

-这管用

-这样不行。(即使从我的计算机或其他计算机尝试我的)

这是我用于通知api实现的代码

function createNotification(response){
  if(!('Notification' in window)){
    console.log("This browser does not Notification")
  }else{
    if(Notification.permission === 'granted'){
         createNotification(response) // function to createNotification from response
    }else if(Notification.permission !== 'denied'){
     Notification.requestPermission((permission) => {
       if(permission === 'granted'){
         createNotification(response)
       }
     })
 }



function createNotification(response){
    // Construct the Notification
    let title = response.sender_name
    let notificationOptions = {
        body: response.message,
        icon: default_profile_pic
    }

    // Close the Notification after 3 seconds
    let notification = new Notification(title, notificationOptions) 
    setTimeout(notification.close.bind(notification),3000)
}
附言:我正在使用ReactJS和Redux进行前端开发

在Chrome 62和更新版本中,除非站点是https://安全的,否则您根本无法请求通知api。(参见第779612期)如果站点上确实有https,则应该能够使用通知和后台推送通知


Oops,我在读那篇文章的时候读到了这个注释,但在实现它的时候却忘了。谢谢你再次提醒我。:)