如何从承诺中获取价值？

Question

我很长时间以来一直在努力解决这个问题；对于它来说太长了，几乎可以肯定是微不足道的。

我想得到一个特定的值，就好像它是一个函数返回的一样。 Promise 应该是值的占位符，并且 onAuthRequired 接受一个返回 a blocking response object 的函数：

{
  authCredentials: {
    username: "..."
    password: "..."
  }
}

所以我需要创建一个函数来返回该结构并异步执行。所以我输入了async 关键字，意思是我可以await 承诺的解决方案......我想。 但在我可以构建该结构之前，我必须对 nativeMessaging API 进行异步操作......它不会返回承诺......我想。 所以我必须以某种方式将它包装在一个承诺中......

编辑： 我更新了下面的代码以反映当前状态，这是迄今为止所有出色响应的混合体。

async function get_data() {
  return new Promise((resolve, reject) => {
    var data = chrome.runtime.sendNativeMessage('Host', {text:'Ready'},
      function(response) {
        resolve(response);
      }
    };
  })
};

async function get_creds() {
  var data = await get_data();
  if (null != data) {
    creds = JSON.parse(data);
    return {
      authCredentials: {
        username: creds.username,
        password: creds.password
      }
    };
  }
};

chrome.webRequest.onAuthRequired.addListener(
  function(details, get_creds),
  {urls: ["<all_urls>"]},
  ['blocking']
);

---

我尝试了以下代码：

chrome.webRequest.onAuthRequired.addListener(
  function handler(details){
    var creds = await get_data(); // Uncaught SyntaxError: unexpected identifier
    creds = JSON.parse(creds);
    return {
      authCredentials: {
        username: creds.username,
        password: creds.password
      }
    };
  },
  {urls:["<all_urls>"]},
  ['asyncBlocking']
);

它直接调用了get_data()，但出现了意外的标识符错误。

如果我删除了 await 关键字，它“工作”......也就是说，它试图对事件做一些事情......但它没有将对象传回。它所做的是在屏幕左下角设置一条消息“等待扩展......”并调用get_data()函数大约3次。

如果我将['asyncBlocking'] 更改为['blocking']，它根本无法调用get_data()。

我不知道这里发生了什么。

---

所以这应该通过这些奇怪的承诺将 Native Messaging Host 返回的值传递回来，然后直接插入 onAuthRequired 期望返回其 JSON 结构的位置......

编辑： 我希望 get_creds() 返回的对象被传递给 onAuthRequired。 目前，function(details, get_creds) 上有一个“意外令牌”令牌......所以这显然是错误的。 我怀疑我可能需要在 get_creds() 中使用另一个承诺来填充 authCredentials 对象...

除了所有我无法理解其来源的意外标识符之外，我有一种感觉，我在做这整件事。

欢迎结束我的智慧......感谢您对我的无知的任何启发。

Answer 1

回答问题“我如何从承诺中获取价值？” 提供的所有 3 个示例都告诉了我。然而，没有人有完整的解决方案。

编辑：

我的具体问题的完整解决方案（碰巧，它使用回调，而不是承诺）是here。

---

警告 - 虽然我已经设法通过 promise 将值传递回 onAuthRequest，但该对象存在一些问题，因此它没有达到预期的效果。

首先，get_data() 需要更改。

async function get_data() {
  return new Promise((resolve, reject) => {
    const data = chrome.runtime.sendNativeMessage(
      'host',
      {text: "Ready"},
      function(response){
        resolve(response);
      }
    );
  });
});

---

接下来，我在get_creds()（现在是get_data()）上返回了一个承诺......但我没有做任何事情。 我需要使用promiseFunction.then(function(response){ ... }) 才能将promise 的已解决值移出。 This 也很有帮助。

chrome.webRequest.onAuthRequired.addListener(
  function handler(details){
    get_data().then(function(response) {
      // --> result's value is available in here
      return {
        authCredentials: {
          username: response.username,
          password: response.password
        }
      };
    });
  },
  {urls: ["<all_urls>"]},
  ['asyncBlocking'] // --> not just 'Blocking'
);

---

另外，我需要返回一个对象——这是通过回调完成的：

chrome.webRequest.onAuthRequired.addListener(
  function handler(details){ // --> callback
    ...
      return {  // --> an object
        authCredentials: {
          username: response.username,
          password: response.password
        }
    ...
  },
  {urls: ["<all_urls>"]},
  ['asyncBlocking'] // --> not just 'Blocking'
);

---

最后，需要修改回调以允许 promise.then() 输出一些东西... 找到here

chrome.webRequest.onAuthRequired.addListener(
  function handler(details){
    get_data().then(function(response) {
... )

变成：

chrome.webRequest.onAuthRequired.addListener(
  function handler(details){
    return get_data().then(function(response) {
... )

---

这就是如何从该承诺中获取价值并进入回调函数......但是，我还有更多工作要做才能获得所需的结果。

Answer 2

您的get_data() 方法需要更改。

sendNativeMessage 如果我是正确的，就会返回一个承诺。 Firefox 的 sendNativeMessage 这样做会返回一个承诺。

您需要使用.then 解决承诺，然后使用包装器的resolve 回调解决它。

async function get_data() {
  return new Promise((resolve, reject) => {
    var dataPromise = chrome.runtime.sendNativeMessage('Host', {text:'Ready'});
    dataPromise.then(response => {
        resolve(response);
    }).catch(err => {
        reject(err);
    })    
  }
});

如果函数没有返回一个promise，那么看起来它接受和可选的回调，它将有响应。

https://developer.chrome.com/apps/runtime#method-sendNativeMessage

async function get_data() {
  return new Promise((resolve, reject) => {
    var dataPromise = chrome.runtime.sendNativeMessage('Host', {text:'Ready'}, function(response) {
      resolve(response);
    });    
  }
});

此外，addListener 需要回调，但您似乎正在调用它。并且文档没有显示任何其他论点。你可能想检查这个https://developer.chrome.com/extensions/webRequest#event-onAuthRequired

chrome.webRequest.onAuthRequired.addListener(
  get_creds, //should resolve with the value I want to use?
  {urls: ["<all_urls>"]},
  ['blocking']
);

Answer 3

如果您的函数需要返回一个对象而不是一个承诺（这是 async 函数总是返回的），那么一个简单的函数就可以了：

function getData() {
    const data = chrome.runtime.sendNativeMessage('Host', {text:'Ready'});
    if (data) {
        const creds = JSON.parse(data);
        return {
            authCredentials = {
                username: creds.username,
                password: creds.password
            }
        };
    } else {
        // handle the error somehow
    }
};

chrome.webRequest.onAuthRequired.addListener(
  getData
  {urls: ["<all_urls>"]},
  ['blocking']
);

Answer 4

你在 get_creds() 上返回了一个承诺，但你什么也没做。

尝试在get_creds() 上只返回您想要的结果，如下所示：

async function get_creds() {
    var data = await get_data();
    if (null != data) {
      var creds = JSON.parse(data)
      return {
        authCredentials: {
          username: creds.username,
          password: creds.password
        }
      };
    } else {
      throw new Error('QuitMyJob');
    }
  }
}

chrome.webRequest.onAuthRequired.addListener(
  get_creds(), //should resolve with the value I want to use?
  {urls: ["<all_urls>"]},
  ['blocking']
);