Chrome Uzantı İletisi iletiliyor: yanıt gönderilmedi

İçerik komut dosyası ve uzantı arasında ileti iletmeye çalışıyorum

İşte içerik betiğinde ne var

chrome.runtime.sendMessage({type: "getUrls"}, function(response) {
  console.log(response)
});

Ve arka plan komut dosyasında

chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
    if (request.type == "getUrls"){
      getUrls(request, sender, sendResponse)
    }
});

function getUrls(request, sender, sendResponse){
  var resp = sendResponse;
  $.ajax({
    url: "http://localhost:3000/urls",
    method: 'GET',
    success: function(d){
      resp({urls: d})
    }
  });

}

Şimdi, getUrlsfonksiyondaki ajax çağrısından önce yanıtı gönderirsem, yanıt başarıyla gönderilir, ancak cevabı gönderdiğimde ajax çağrısının başarı yönteminde, onu göndermez, hata ayıklamaya gittiğimde bunu görebiliyorum bağlantı noktası sendResponseişlev kodunun içinde boş .

İçin belgelerdenchrome.runtime.onMessage.addListener :

Bu işlevi olay dinleyicisi geri döndüğünde, olay dinleyicisinden eşzamansız olarak bir yanıt göndermek istediğinizi belirtmek için geri dönmezseniz geçersiz olur (sendResponse çağrılıncaya kadar ileti kanalını diğer uca açık tutar).

Bu nedenle , yanıt işlevini eşzamansız olarak çağıracağınızı belirtmek return true;için aramadan sonra eklemeniz yeterlidir getUrls.

Kabul edilen cevap doğrudur, sadece bunu basitleştiren örnek kod eklemek istedim. Sorun, API (benim görüşüme göre) iyi tasarlanmamış olmasıdır, çünkü bizi geliştiricileri belirli bir mesajın zaman uyumsuz işlenip işlenmeyeceğini bilmeye zorlar. Birçok farklı iletiyi işlerseniz, bu imkansız bir görev haline gelir, çünkü bazı işlevlerin derinliklerine inip geçmediğini asla bilemezsiniz. Bunu düşün:

chrome.extension.onMessage.addListener(function (request, sender, sendResponseParam) {
if (request.method == "method1") {
    handleMethod1(sendResponse);
}

handleMethod1Çağrının derinliğinin zaman uyumsuz olup olmadığını nasıl anlayabilirim ? Değiştiren bir kişi handleMethod1, zaman uyumsuz bir şey getirerek arayanı kıracağını nasıl bilebilir?

Benim çözümüm şudur:

chrome.extension.onMessage.addListener(function (request, sender, sendResponseParam) {

    var responseStatus = { bCalled: false };

    function sendResponse(obj) {  //dummy wrapper to deal with exceptions and detect async
        try {
            sendResponseParam(obj);
        } catch (e) {
            //error handling
        }
        responseStatus.bCalled= true;
    }

    if (request.method == "method1") {
        handleMethod1(sendResponse);
    }
    else if (request.method == "method2") {
        handleMethod2(sendResponse);
    }
    ...

    if (!responseStatus.bCalled) { //if its set, the call wasn't async, else it is.
        return true;
    }

});

Bu, iletiyi nasıl işlemeyi seçtiğinize bakılmaksızın, dönüş değerini otomatik olarak işler. Bunun, yanıt işlevini çağırmayı asla unutmayacağınızı varsaydığını unutmayın. Ayrıca kromun bunu bizim için otomatikleştirebileceğini de unutmayın, neden yapmadıklarını anlamıyorum.

Https://github.com/lawlietmester/webextension kitaplığımı kullanarak bu çalışmayı Chrome ve FF'de Firefox ile geri arama yapmadan kullanabilirsiniz.

Kodunuz şöyle görünecektir:

Browser.runtime.onMessage.addListener( request => new Promise( resolve => {
    if( !request || typeof request !== 'object' || request.type !== "getUrls" ) return;

    $.ajax({
        'url': "http://localhost:3000/urls",
        'method': 'GET'
    }).then( urls => { resolve({ urls }); });
}) );