0

我有一個擴展顯示了一個小的彈出窗口,它基本上是一個鏈接到我的網站的iframe。通過點擊擴展按鈕,用戶可以隨時訪問一些選定的信息。在鉻擴展中實現按鈕

我們還有一個使用pusher.com構建的通知系統,如果用戶帳戶中發生重要事件,它會發出通知。我們有基本的推杆代碼如下

var encoded_user_id = "jmxk5y3y"; //static user id for demo purpose 
var pusher = new Pusher('222222222222222222'); 
var channel = pusher.subscribe(encoded_user_id); 

channel.bind('notifications_count_update', function(data){ 
    //set the notification count in DOM 
}); 

所以上面的綁定上編碼的用戶ID,它成爲的通信手段,並能正常工作的網站內顯示的通知進行。

我缺少的是一種將上述推送代碼集成到Chrome擴展中的方法,這樣新的通知號碼就可以在擴展的按鈕上顯示爲「徽章文本」。並且由於所有的擴展都是顯示一個iframe,所以我不能在幀中訪問會話信息(用戶標識)以用於收聽消息。

我應該如何着手解決這個問題?

+1

[「externally_connectable」+ sendMessage](https://developer.chrome.com/extensions/messaging#external-webpage)? – wOxxOm

+0

哇。這看起來像什麼東西,可以解決我的問題, 謝謝,我現在就試試吧... – dylanfa88

+0

我看了一下解決方案,看來我可以用它來發送通知到擴展當用戶在我的網站上。但是,即使用戶不在網站上,用戶也可以收到通知。 我應該如何去實施? – dylanfa88

回答

1

有一個Pusher Product Hunt Chrome Extension顯示徽章式的通知。

查看background.js瞭解更多詳情。

+0

感謝您的回答,我有機會查看擴展程序,它涉及訂閱推送新消息的全球渠道。 儘管安靜與我正在尋找的類似,但它實際上並沒有解決我的問題,因爲我需要將消息傳遞到特定的通道,在我的情況下是編碼的用戶ID,以便只有該用戶才能收到通知。 – dylanfa88

+0

所以真正的問題是你如何從Chrome擴展的特定網站訪問會話信息?然後,您使用此會話信息作爲Pusher頻道的名稱? – leggetter