Реализация толкателя внутри расширения хрома

Question

У меня есть расширение chrome, которое отображает небольшое всплывающее окно, которое в основном представляет собой 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 
}); 

Так выше связывание выполняется на кодированном идентификатор пользователя, который становится средством общения и прекрасно работает для отображения уведомлений в веб-сайте.

Что мне не хватает, это способ интегрирования вышеуказанного кода толкателя в расширение chrome, так что новые номера уведомлений могут отображаться как «Текст знака» на кнопке расширения. И так как все расширение делает, отображает iframe, я не могу получить доступ к информации о сеансе (идентификатор пользователя) внутри фрейма для использования для прослушивания сообщений.

Как я могу продолжить решение этого вопроса?

Answer 1

Есть Pusher Product Hunt Chrome Extension, который показывает уведомления в стиле значков.

Посмотрите на background.js для получения более подробной информации.