Chrome擴展程序-頻道不起作用

Question

我正在嘗試為我的Google App Engine（Python）服務器創建一個通道，似乎出現了問題，但是我不確定為什么。 當用戶切換擴展名時，它將對用戶進行身份驗證。 如果成功，服務器將使用我用於創建頻道的頻道令牌進行回復。 當我對用戶進行身份驗證時，會出現alert("a") ，但不會出現alert("b") ，這使我相信var channel = new goog.appengine.Channel(msg.token);行存在問題var channel = new goog.appengine.Channel(msg.token); ，但控制台不會報告錯誤。

我還從此處復制了javascript代碼，並將其放在清單中，以反對將<script type="text/javascript" src="/_ah/channel/jsapi"></script>放在background.html中。

//script.js
function authenticate(callback) {
    var url = "https://r-notes.appspot.com/init/api/authenticate.json?username=" + username + "&password=" + password;
    $.post(url, function(data) {
        if (data.status == "200") {
            channelToken = data.channeltoken;
            if (callback) {
                callback();
            }
            var port = chrome.extension.connect({name: "myChannel"});
            port.postMessage({token: channelToken});
            port.onMessage.addListener(function(msg) {
                console.log(msg.question);
            });         
        }
    }); 
}


//background.html
chrome.extension.onConnect.addListener(function(port) {
    port.onMessage.addListener(function(msg) {
        alert("a"); //pops up
        var channel = new goog.appengine.Channel(msg.token);
        alert("b"); //does not pop up
        console.log(channel); //display error ' Error in event handler for 'undefined': ReferenceError: goog is not defined '
        var socket = channel.open()
        socket.onopen = function() {
          // Do stuff right after opening a channel
          console.log('socket opened');
        }
        socket.onmessage = function(evt) {
          // Do more cool stuff when a channel message comes in
          console.log('message recieved');
          console.log(evt);
        }
    });
}); 


//manifest.json
{
    "name": "moot",
    "description": "Clicking on the moot button will display a sidebar!",
    "version": "0.2.69",
    "background_page": "html/background.html",
    "browser_action": {
        "default_icon": "img/icon_64.png",
        "default_title": "moot"
    },
    "content_scripts": [
        {
            "matches": ["<all_urls>"],
            "js": ["js/channelApi.js", 
                   "js/script.js", "js/mootsOnSidebar.js", "js/mootsOnPage.js", "js/authenticate.js", "js/otherFunctions.js",
                   "js/jquery/jquery-1.7.1.js", "js/jquery/jquery.mCustomScrollbar.js", "js/jquery/jquery-ui.min.js", 
                   "js/jquery/jquery.autosize.js", "js/jquery/jquery.mousewheel.min.js", "js/jquery/jquery.easing.1.3.js",
                   "js/channel.js"],
            "css": ["css/cssReset.css", "css/sidebar.css", "css/onPageCreate.css", "css/onPageExists.css", "css/scrollbar.css", "css/authenticate.css"]
        }
    ],
    "permissions": [
        "tabs", "contextMenus", "http://*/*", "https://*/"
    ],
    "icons": {
      "16": "img/icon_16.png",
      "64": "img/icon_64.png"
    }
}

編輯-完成console.log(channel) ，我發現了錯誤'事件處理程序中的'未定義'錯誤：ReferenceError：goog未定義'。 我不確定為什么我會收到此錯誤，因為在我關注此帖子時 ，我的確包含了所需的javascript文件。

Answer 1

因此，解決方案是您需要在HTML頁面中包含文件<script type="text/javascript" src="https://talkgadget.google.com/talkgadget/channel.js"></script> 。 我將其放在background.html的第一行上。

我的錯誤是保存channel.js的本地副本，並在manifest.json中引用它。

現在，我要在服務器上放置channel.js的副本，並參考服務器的副本。 我認為這不會有任何問題。

Answer 2

制作一個控制台日志，以直接在alert（“ a”）和var channel = ...之間找到msg的值，然后檢查該值。